Development/Tutorials/Qt4 Ruby Tutorial/Chapter 2/fi: Difference between revisions

From KDE TechBase
(Created page with "Tiedostot:")
(Updating to match new version of source page)
 
(18 intermediate revisions by one other user not shown)
Line 1: Line 1:
<languages />
<languages />
{{Template:I18n/Language Navigation Bar|Development/Tutorials/Qt4 Ruby Tutorial/Chapter 2}}


{{TutorialBrowser|
{{TutorialBrowser|
Line 16: Line 14:
* [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]


=== Overview ===
=== Yleistä ===


Having created a window in Chapter 1, we will now go on to make the application quit properly when the user tells it to.
Sen jälkeen kun loimme ikkunan kappaleessa 1, jatkamme nyt saamalla sovelluksen poistumaan oikein silloin kun käyttäjä käskee sen tehdä niin.


We will also use a font that is more exciting than the default one.
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')
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>


=== Line by Line Walkthrough ===
=== Läpikäynti rivi riviltä ===


<syntaxhighlight lang="ruby">
<syntaxhighlight lang="ruby">
quit = Qt::PushButton.new('Quit')
quit = Qt::PushButton.new('Poistu')
</syntaxhighlight>
</syntaxhighlight>


This time, the button says <strong>Quit</strong> and that's exactly what the program will do when the user clicks the button.
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>


We've chosen another size for the button since the text is a bit shorter than "Hello world!". We could also have used [http://doc.qt.nokia.com/latest/qfontmetrics.html Qt::FontMetrics] to set right size, or let [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton] choose a reasonable default.
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>


Here we choose a new font for the button, an 18-point bold font from the Times family. It is also possible to change the default font for the entire application, using [http://doc.qt.nokia.com/latest/qapplication.html#setFont Qt::Application::setFont()].
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()] is perhaps the most central feature of Qt. Note that '''<tt>connect()</tt>''' in this context is a static function in [http://doc.qt.nokia.com/latest/qobject.html Qt::Object]. Do not confuse it with the '''<tt>connect()</tt>''' function in the Berkeley socket library.
[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.


This '''<tt>connect()</tt>''' call establishes a one-way connection between two Qt objects (objects that inherit [http://doc.qt.nokia.com/latest/qobject.html Qt::Object], directly or indirectly). Every Qt object can have both '''<tt>signals</tt>''' (to send messages) and '''<tt>slots</tt>''' (to receive messages). All widgets are Qt objects, since they inherit [http://doc.qt.nokia.com/latest/qwidget.html Qt::Widget], which in turn inherits [http://doc.qt.nokia.com/latest/qobject.html Qt::Object].
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].


Here, the '''<tt>clicked()</tt>''' signal of '''<tt>quit</tt>''' is connected to the '''<tt>quit()</tt>''' slot of '''<tt>app</tt>''', so that when the button is clicked, the application quits.
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 Signals and Slots] documentation describes this topic in detail.
The [http://doc.qt.nokia.com/latest/signalsandslots.html Signaalit ja Välit]-dokumentaatio kuvailee tämän aiheen yksityiskohtaisesti.


=== Running the Application ===
=== Sovelluksen suorittaminen ===


When you run this program, you will see an even smaller window than in Chapter 1, filled with an even smaller button.
Kun suoritat tämän ohjelman, näet vieläpä pienemmän ikkunan, kuin Kappaleessa 1, täytettynä myös pienemmällä painikkeella.


=== Exercises ===
=== Harjoitukset ===


Try to resize the window. Click the button to close the application.
Yritä muuttaa ikkunan kokoa. Sulje sovellus napsauttamalla painiketta.


Are there any other signals in [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton] you can connect to quit? [Hint: The [http://doc.qt.nokia.com/latest/qpushbutton.html Qt::PushButton] inherits most of its functionality from [http://doc.qt.nokia.com/latest/qabstractbutton.html Qt::AbstractButton].]
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

Other languages:
Poistuu kutsuttaessa
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.]