Development/Tutorials/Qt4 Ruby Tutorial/Chapter 07/fi: Difference between revisions
Centerlink (talk | contribs) (Created page with "=== Läpikäynti rivi riviltä ===") |
(Updating to match new version of source page) |
||
(17 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
<languages /> | <languages /> | ||
{{TutorialBrowser| | {{TutorialBrowser| | ||
Line 23: | Line 23: | ||
'''[http://www.darshancomputing.com/qt4-qtruby-tutorial/tutorial/t7/lcdrange.rb lcdrange.rb]''' | '''[http://www.darshancomputing.com/qt4-qtruby-tutorial/tutorial/t7/lcdrange.rb lcdrange.rb]''' | ||
Tämä tiedosto on pääasiassa nostettu [[Special:myLanguage/Development/Tutorials/Qt4_Ruby_Tutorial/Chapter_06|Kappaleesta 6]]; vain tärkeimmät muutokset on mainittu täällä. | |||
<syntaxhighlight lang="ruby"> | <syntaxhighlight lang="ruby"> | ||
Line 39: | Line 39: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Nämä tekevät rajapinnan tämän käyttöliittymäkomponentin ja ohjelman muiden komponenttien välillä. Tähän asti '''<tt>LCDRange</tt>'''-komponentilla ei ollut todella API-sovellusrajapintaa ollenkaan. | |||
'''<tt>value()</tt>''' | '''<tt>value()</tt>''' on julkinen funktio jolla pääsee käsiksi '''<tt>LCDRange</tt>'''-arvoon, '''<tt>setValue()</tt>''' on ensimmäinen räätälöity välimme, ja '''<tt>valueChanged()</tt>''' on ensimmäinen räätälöity signaalimme. | ||
Välit toteutetaan normaalilla tavalla (väli on aina Ruby-jäsenfunktio). Signaalit toteutetaan automaattisesti. Signaalit noudattavat suojattujen Ruby-funktioiden kutsumissääntöjä (ts. vain ne luokat voivat lähettää, jotka on määritelty niissä luokissa, mistä se periytyy). | |||
'''<tt>valueChanged()</tt>'''-signaalia käytetään kun '''<tt>LCDRange's</tt>'''-arvo on muuttunut. | |||
Funktion '''<tt>value()</tt>''' toteuttaminen on suoraviivaista. Se yksinkertaisesti palauttaa liukukytkimen arvon. | |||
Funktion '''<tt>setValue()</tt>''' toteuttaminen on yhtä suoraviivaista. Huomaa, että koska liukukytkin ja nestekidenäyyttö on yhdistetty toisiinsa, liukukytkimen arvon asettaminen päivittää myös nestekidenäytön numeron. Sen lisäksi liukukytkin säätää arvoa automaattisesti, jos laillisen arvoalueen ulkopuolella. | |||
<syntaxhighlight lang="ruby"> | <syntaxhighlight lang="ruby"> | ||
Line 58: | Line 58: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Ensimmäinen [http://doc.qt.nokia.com/latest/qobject.html#connect QObject::connect()]-kutsu on sama kuin minkä näit edellisessä kappaleessa. Toinen on uusi; se yhdistää liukukytkimen [http://doc.qt.nokia.com/latest/qabstractslider.html#valueChanged QAbstractSlider::valueChanged()]-signaalin tämän objektin '''<tt>valueChanged()</tt>'''-signaaliin. Kyllä, se on oikein. Signaalit voidaan yhdistää muihin signaaleihin. Kun ensimmäinen signaali lähetetänä, myös toinen signaali lähetetään. | |||
Katsokaamme, mitä tapahtuu, kun käyttäjä käyttää liukukytkintä. Liukukytkin näkee, että sen arvo on muuttunut ja lähettää [http://doc.qt.nokia.com/latest/qabstractslider.html#valueChanged QAbstractSlider::valueChanged()]-signaalin. Tuo signaali yhdistetään sekä [http://doc.qt.nokia.com/latest/qlcdnumber.html#intValue-prop QLCDNumber::display()]-väliin [http://doc.qt.nokia.com/latest/qlcdnumber.html Qt::LCDNumber]-numerossa että '''<tt>valueChanged()</tt>'''-signaaliin '''<tt>LCDRange</tt>'''-komponentissa. | |||
Siten, kun singaali lähetetään, '''<tt>LCDRange</tt>''' lähettää oman '''<tt>valueChanged()</tt>'''-signaalinsa. Sen lisäksi kutsutaan [http://doc.qt.nokia.com/latest/qlcdnumber.html#intValue-prop QLCDNumber::display()]-funktiota ja näytetään uusi numero. | |||
Huomaa, että mitään suorituksen tiettyä järjestystä ei taata; '''<tt>LCDRange::valueChanged()</tt>''' saatetaan ehkä lähettää ennen tai jälkeen [http://doc.qt.nokia.com/latest/qlcdnumber.html#intValue-prop QLCDNumber::display()]-kutsua. | |||
'''[http://www.darshancomputing.com/qt4-qtruby-tutorial/tutorial/t7/t7.rb t7.rb]''' | '''[http://www.darshancomputing.com/qt4-qtruby-tutorial/tutorial/t7/t7.rb t7.rb]''' | ||
Line 83: | Line 83: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Kun luomme yhdeksän '''<tt>LCDRange</tt>'''-objektia, yhdistämme ne käyttäen [http://doc.qt.nokia.com/latest/signalsandslots.html signaalit ja välit]-mekanismia. Jokaisella on '''<tt>valueChanged()</tt>'''-signaali, joka on yhdistetty edellisen '''<tt>setValue()</tt>'''-väliin. Koska '''<tt>LCDRange</tt>''' lähettää '''<tt>valueChanged()</tt>'''-signaalin, kun sen arvo muutuu, luomme tässä signaalien ja välien ketjun. | |||
=== | === Sovelluksen suorittaminen === | ||
Käynnistettäessä ohjelman ulkonäkö on identtinen edellisen ohjelman kanssa. Yritä käyttää liukukytkintä alaoikealla. | |||
=== | === Harjoitukset === | ||
Käytä alaoikealla olevaa liukukytkintä asettamaan kaikki nestekidenäytöt arvoon 50. Aseta sitten kaikki paitsi viimeisen nestekidenäytön arvoon 40 napsauttamalla kerrna keskellä alhaalla olevan liukukytkimen kahvaa. Käytä nyt alhaalla vasemmalla olevaa liukukytkintä asettamaan ensimmäiset seitsemän nestekidenäyttöä takaisin arvoon 50. | |||
Napsauta alaoikealla olevan liukukytkimen vasemmanpuoleista kahvaa. Mitä tapahtuu? Miksi tämä on oikea käyttäytyminen? | |||
[[Category:Ruby]] | [[Category:Ruby]] |
Latest revision as of 14:24, 18 July 2012
Tutorial Series | Qt4 Ruby -oppikurssi |
Previous | Oppikurssi 6 - Rakennetaan Blocks Galore! |
What's Next | Oppikurssi 8 - Valmistaudutaan taisteluun |
Further Reading | n/a |
Yksi asia johtaa toiseen
Tiedostot:
Yleistä
Tässä esimerkissä näytämme, kuinka räätälöityjä käyttöliittymäkomponentteja luodaan signaaleilla ja väleillä, ja kuinka yhdistää ne toisiinsa mutkikkaamilla tavoilla. Ensimmäisen kerran lähdekoodi on jaettu useisiin tiedostoihin.
Läpikäynti rivi riviltä
Tämä tiedosto on pääasiassa nostettu Kappaleesta 6; vain tärkeimmät muutokset on mainittu täällä.
signals 'valueChanged(int)'
slots 'setValue(int)'
def value()
@slider.value()
end
def setValue(value)
@slider.setValue(value)
end
Nämä tekevät rajapinnan tämän käyttöliittymäkomponentin ja ohjelman muiden komponenttien välillä. Tähän asti LCDRange-komponentilla ei ollut todella API-sovellusrajapintaa ollenkaan.
value() on julkinen funktio jolla pääsee käsiksi LCDRange-arvoon, setValue() on ensimmäinen räätälöity välimme, ja valueChanged() on ensimmäinen räätälöity signaalimme.
Välit toteutetaan normaalilla tavalla (väli on aina Ruby-jäsenfunktio). Signaalit toteutetaan automaattisesti. Signaalit noudattavat suojattujen Ruby-funktioiden kutsumissääntöjä (ts. vain ne luokat voivat lähettää, jotka on määritelty niissä luokissa, mistä se periytyy).
valueChanged()-signaalia käytetään kun LCDRange's-arvo on muuttunut.
Funktion value() toteuttaminen on suoraviivaista. Se yksinkertaisesti palauttaa liukukytkimen arvon.
Funktion setValue() toteuttaminen on yhtä suoraviivaista. Huomaa, että koska liukukytkin ja nestekidenäyyttö on yhdistetty toisiinsa, liukukytkimen arvon asettaminen päivittää myös nestekidenäytön numeron. Sen lisäksi liukukytkin säätää arvoa automaattisesti, jos laillisen arvoalueen ulkopuolella.
connect(@slider, SIGNAL('valueChanged(int)'),
lcd, SLOT('display(int)'))
connect(@slider, SIGNAL('valueChanged(int)'),
self, SIGNAL('valueChanged(int)'))
Ensimmäinen QObject::connect()-kutsu on sama kuin minkä näit edellisessä kappaleessa. Toinen on uusi; se yhdistää liukukytkimen QAbstractSlider::valueChanged()-signaalin tämän objektin valueChanged()-signaaliin. Kyllä, se on oikein. Signaalit voidaan yhdistää muihin signaaleihin. Kun ensimmäinen signaali lähetetänä, myös toinen signaali lähetetään.
Katsokaamme, mitä tapahtuu, kun käyttäjä käyttää liukukytkintä. Liukukytkin näkee, että sen arvo on muuttunut ja lähettää QAbstractSlider::valueChanged()-signaalin. Tuo signaali yhdistetään sekä QLCDNumber::display()-väliin Qt::LCDNumber-numerossa että valueChanged()-signaaliin LCDRange-komponentissa.
Siten, kun singaali lähetetään, LCDRange lähettää oman valueChanged()-signaalinsa. Sen lisäksi kutsutaan QLCDNumber::display()-funktiota ja näytetään uusi numero.
Huomaa, että mitään suorituksen tiettyä järjestystä ei taata; LCDRange::valueChanged() saatetaan ehkä lähettää ennen tai jälkeen QLCDNumber::display()-kutsua.
previousRange = nil
for row in 0..2
for column in 0..2
lcdRange = LCDRange.new()
grid.addWidget(lcdRange, row, column)
unless previousRange.nil?
connect(lcdRange, SIGNAL('valueChanged(int)'),
previousRange, SLOT('setValue(int)'))
end
previousRange = lcdRange
end
end
Kun luomme yhdeksän LCDRange-objektia, yhdistämme ne käyttäen signaalit ja välit-mekanismia. Jokaisella on valueChanged()-signaali, joka on yhdistetty edellisen setValue()-väliin. Koska LCDRange lähettää valueChanged()-signaalin, kun sen arvo muutuu, luomme tässä signaalien ja välien ketjun.
Sovelluksen suorittaminen
Käynnistettäessä ohjelman ulkonäkö on identtinen edellisen ohjelman kanssa. Yritä käyttää liukukytkintä alaoikealla.
Harjoitukset
Käytä alaoikealla olevaa liukukytkintä asettamaan kaikki nestekidenäytöt arvoon 50. Aseta sitten kaikki paitsi viimeisen nestekidenäytön arvoon 40 napsauttamalla kerrna keskellä alhaalla olevan liukukytkimen kahvaa. Käytä nyt alhaalla vasemmalla olevaa liukukytkintä asettamaan ensimmäiset seitsemän nestekidenäyttöä takaisin arvoon 50.
Napsauta alaoikealla olevan liukukytkimen vasemmanpuoleista kahvaa. Mitä tapahtuu? Miksi tämä on oikea käyttäytyminen?