Development/Tutorials/Qt4 Ruby Tutorial/Chapter 2/fi: Difference between revisions
Centerlink (talk | contribs) (Created page with "Development/Tutorials/Qt4 Ruby Tutorial/Chapter 2") |
(Updating to match new version of source page) |
||
(24 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
<languages /> | <languages /> | ||
{{TutorialBrowser| | {{TutorialBrowser| | ||
series=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial|Qt4 Ruby | series=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial|Qt4 Ruby -oppikurssi]]| | ||
name= | name=Poistuu kutsuttaessa| | ||
pre=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_01| | pre=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_01|Oppikurssi 1 - Hei Maailma!]]| | ||
next=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_3| | next=[[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_3|Oppikurssi 3 - Perhearvot]] | ||
}} | }} | ||
== | == Poistuu kutsuttaessa == | ||
[[Image:Qt4_Ruby_Tutorial_Screenshot_2.png|center]] | [[Image:Qt4_Ruby_Tutorial_Screenshot_2.png|center]] | ||
Tiedostot: | |||
* [http://www.darshancomputing.com/qt4-qtruby-tutorial/tutorial/t2/t2.rb t2.rb] | * [http://www.darshancomputing.com/qt4-qtruby-tutorial/tutorial/t2/t2.rb t2.rb] | ||
=== | === Yleistä === | ||
Sen jälkeen kun loimme ikkunan kappaleessa 1, jatkamme nyt saamalla sovelluksen poistumaan oikein silloin kun käyttäjä käskee sen tehdä niin. | |||
Käytämme myös kirjasimia, jotka ovat jännittävämpiä kuin oletuskirjasimet. | |||
<syntaxhighlight lang="ruby"> | <syntaxhighlight lang="ruby"> | ||
Line 27: | Line 25: | ||
app = Qt::Application.new(ARGV) | app = Qt::Application.new(ARGV) | ||
quit = Qt::PushButton.new(' | quit = Qt::PushButton.new('Poistu') | ||
quit.resize(75, 30) | quit.resize(75, 30) | ||
quit.setFont(Qt::Font.new('Times', 18, Qt::Font::Bold)) | quit.setFont(Qt::Font.new('Times', 18, Qt::Font::Bold)) | ||
Line 37: | Line 35: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
=== | === Läpikäynti rivi riviltä === | ||
<syntaxhighlight lang="ruby"> | <syntaxhighlight lang="ruby"> | ||
quit = Qt::PushButton.new(' | quit = Qt::PushButton.new('Poistu') | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Tällä kertaa painike sanoo <strong>Poistu</strong> ja se on tarkalleen, mitä ohjelma tekee kun käyttäjä napsauttaa painiketta. | |||
<syntaxhighlight lang="ruby"> | <syntaxhighlight lang="ruby"> | ||
Line 49: | Line 47: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Olemme valinneet toisen painikekoon, koska teksti on hiukan lyhyempi kuin "Hei Maailma!". Voisimme myös käyttää [http://doc.qt.nokia.com/latest/qfontmetrics.html Qt::FontMetrics] oikean koon asettamiseksi, tai antaa [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton]:in valita järkevän oletusarvon. | |||
<syntaxhighlight lang="ruby"> | <syntaxhighlight lang="ruby"> | ||
Line 55: | Line 53: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Tässä valitsemme oikean kirjasimen painikkeelle, 18-pisteen vahvennettu kirjasin Times-perheestä. On myös mahdollista muuttaa oletuskirjastinta koko sovellukselle käyttäen [http://doc.qt.nokia.com/latest/qapplication.html#setFont Qt::Application::setFont()]-metodia. | |||
<syntaxhighlight lang="ruby"> | <syntaxhighlight lang="ruby"> | ||
Line 61: | Line 59: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
[http://doc.trolltech.com/4.2/qobject.html#connect Qt::Object::connect()] | [http://doc.trolltech.com/4.2/qobject.html#connect Qt::Object::connect()] on ehkä keskeisin Qt-ominaisuus. Huomaa, että '''<tt>connect()</tt>''' tässä asiayhteydessä on staattinen funktio objektissa [http://doc.qt.nokia.com/latest/qobject.html Qt::Object]. Älä sekoita sitä '''<tt>connect()</tt>'''-funktioon Berkeley-pistokekirjastossa. | ||
Tämä '''<tt>connect()</tt>'''-kutsu perustaa yksisuuntaisen yhteyden kahden Qt-objektin välillä (objektit, jotka periytyvät komponentista [http://doc.qt.nokia.com/latest/qobject.html Qt::Object] suoraan tai epäsuorasti). Jokaisella Qt-objektilla voi olal sekä '''<tt>signaaleja</tt>''' (viestien lähettämiseen) että '''<tt>välejä</tt>''' (viestien vastaanottamiseen). Kaikki käyttöliittymäkomponentit ovat Qt-objekteja, koska ne periytyvät komponentista [http://doc.qt.nokia.com/latest/qwidget.html Qt::Widget], joka vuorostaan periytyy komponentista [http://doc.qt.nokia.com/latest/qobject.html Qt::Object]. | |||
Tässä '''<tt>clicked()</tt>'''-funktio yhdistetään '''<tt>quit</tt>'''-signaalilla '''<tt>quit()</tt>'''-funktioon '''<tt>app</tt>'''-välissä, niin että kun painiketta napsautetaan, sovellus sulkeutuu. | |||
The [http://doc.qt.nokia.com/latest/signalsandslots.html | The [http://doc.qt.nokia.com/latest/signalsandslots.html Signaalit ja Välit]-dokumentaatio kuvailee tämän aiheen yksityiskohtaisesti. | ||
=== | === Sovelluksen suorittaminen === | ||
Kun suoritat tämän ohjelman, näet vieläpä pienemmän ikkunan, kuin Kappaleessa 1, täytettynä myös pienemmällä painikkeella. | |||
=== | === Harjoitukset === | ||
Yritä muuttaa ikkunan kokoa. Sulje sovellus napsauttamalla painiketta. | |||
Onko painikkeessa [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton] mitään muita signaaleja, jotka voidaan yhdistää poistumiseen? [Vihje: [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton] perii suurimman osan toiminnallisuudestaan komponentista[http://doc.qt.nokia.com/latest/qabstractbutton.html Qt::AbstractButton].] | |||
[[Category:Ruby]] | [[Category:Ruby]] |
Latest revision as of 12:31, 13 July 2012
Tutorial Series | Qt4 Ruby -oppikurssi |
Previous | Oppikurssi 1 - Hei Maailma! |
What's Next | Oppikurssi 3 - Perhearvot |
Further Reading | n/a |
Poistuu kutsuttaessa
Tiedostot:
Yleistä
Sen jälkeen kun loimme ikkunan kappaleessa 1, jatkamme nyt saamalla sovelluksen poistumaan oikein silloin kun käyttäjä käskee sen tehdä niin.
Käytämme myös kirjasimia, jotka ovat jännittävämpiä kuin oletuskirjasimet.
require 'Qt4'
app = Qt::Application.new(ARGV)
quit = Qt::PushButton.new('Poistu')
quit.resize(75, 30)
quit.setFont(Qt::Font.new('Times', 18, Qt::Font::Bold))
Qt::Object.connect(quit, SIGNAL('clicked()'), app, SLOT('quit()'))
quit.show()
app.exec()
Läpikäynti rivi riviltä
quit = Qt::PushButton.new('Poistu')
Tällä kertaa painike sanoo Poistu ja se on tarkalleen, mitä ohjelma tekee kun käyttäjä napsauttaa painiketta.
quit.resize(75, 30)
Olemme valinneet toisen painikekoon, koska teksti on hiukan lyhyempi kuin "Hei Maailma!". Voisimme myös käyttää Qt::FontMetrics oikean koon asettamiseksi, tai antaa Qt::PushButton:in valita järkevän oletusarvon.
quit.setFont(Qt::Font.new('Times', 18, Qt::Font::Bold))
Tässä valitsemme oikean kirjasimen painikkeelle, 18-pisteen vahvennettu kirjasin Times-perheestä. On myös mahdollista muuttaa oletuskirjastinta koko sovellukselle käyttäen Qt::Application::setFont()-metodia.
Qt::Object.connect(quit, SIGNAL('clicked()'), app, SLOT('quit()'))
Qt::Object::connect() on ehkä keskeisin Qt-ominaisuus. Huomaa, että connect() tässä asiayhteydessä on staattinen funktio objektissa Qt::Object. Älä sekoita sitä connect()-funktioon Berkeley-pistokekirjastossa.
Tämä connect()-kutsu perustaa yksisuuntaisen yhteyden kahden Qt-objektin välillä (objektit, jotka periytyvät komponentista Qt::Object suoraan tai epäsuorasti). Jokaisella Qt-objektilla voi olal sekä signaaleja (viestien lähettämiseen) että välejä (viestien vastaanottamiseen). Kaikki käyttöliittymäkomponentit ovat Qt-objekteja, koska ne periytyvät komponentista Qt::Widget, joka vuorostaan periytyy komponentista Qt::Object.
Tässä clicked()-funktio yhdistetään quit-signaalilla quit()-funktioon app-välissä, niin että kun painiketta napsautetaan, sovellus sulkeutuu.
The Signaalit ja Välit-dokumentaatio kuvailee tämän aiheen yksityiskohtaisesti.
Sovelluksen suorittaminen
Kun suoritat tämän ohjelman, näet vieläpä pienemmän ikkunan, kuin Kappaleessa 1, täytettynä myös pienemmällä painikkeella.
Harjoitukset
Yritä muuttaa ikkunan kokoa. Sulje sovellus napsauttamalla painiketta.
Onko painikkeessa Qt::PushButton mitään muita signaaleja, jotka voidaan yhdistää poistumiseen? [Vihje: Qt::PushButton perii suurimman osan toiminnallisuudestaan komponentistaQt::AbstractButton.]