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

Revision as of 15:36, 25 September 2011

Other languages:

Development/Tutorials/Qt4 Ruby Tutorial/Chapter 3

Perhearvot

Tutorial Series	Qt4 Ruby -oppikurssi
Previous	Oppikurssi 2 - Poistutaan kutsumalla
What's Next	Oppikurssi 4 - Olkoon siellä käyttöliittymäkomponentteja
Further Reading	n/a

Perhearvot

Tiedostot:

t3.rb

Yleistä

Tämä esimerkki näyttää, kuinka luodaan vanhempi- ja lapsikäyttöliittymäkomponentteja.

Pidämme asiat yksinkertaisina ja käytämme vain yhtä vanhempaa ja yksinäistä lasta.

require 'Qt4'

app = Qt::Application.new(ARGV)

window = Qt::Widget.new()
window.resize(200, 120)

quit = Qt::PushButton.new('Poistu', window)
quit.font = Qt::Font.new('Times', 18, Qt::Font::Bold)
quit.setGeometry(10, 40, 180, 40)
Qt::Object.connect(quit, SIGNAL('clicked()'), app, SLOT('quit()'))

window.show()
app.exec()

Läpikäynti rivi riviltä

window = Qt::Widget.new()

Luomme tässä yksinkertaisesti pelkän käyttöliittymäkomponenttiobjektin. Luokka Qt::Widget on käyttöliittymäobjektien perusluokka. Käyttöliittymäkomponentti on käyttölittymän ydin: Se vastaanotta hiiren, näppäimistön ja muita tapahtumia ikkunointijärjestelmästä, piirtää esityksen itsestään näytölle. Vanhempikomponentti ja käyttöliittymäkomponentin edustalla sijaitsevat komponentit leikkaavat käyttöliittymäkomnponenttia.

käyttöliittymäkomponenttia, joka ei ole upotettu vanhempikäyttöliittymäkomponenttiin, kuten tämä erityinen käyttöliittymäkomponentti, kutsutaan ikkunaksi. Tavallisesti ikkunoilla on oma ikkunakehys ja tehtäväpalkkirivi, jotka ikkunointijärjestelmä tarjoaa. Käyttöliittymäkomponentti ilman vanhempikäyttöliittymäkomponenttia on aina riippumaton ikkuna. Ikkunointijärjestelmä ohjaa sen alkusijaintia näytöllä.

window.resize(200, 120)

Asetamme ikkunan leveydeksi 200 pikseli ja korkeudeksi 1200 pikseliä.

quit = Qt::PushButton.new('Poistu', window)

Laps on syntynyt. Tämä Qt::PushButton-painike luodaan vanhempikäyttöliittymäkomponentilla (window). Lapsikäyttöliittymäkomponentti näytetään aina sen vanhemman alueella. Kun se näytetään, vanhemman rajat leikkaavat sitä. Oletuksena se on istutettu vanhemman vasempaan yläkulmaan, koordinaatteihin (0, 0).

quit.setGeometry(10, 40, 180, 40)

Qt::Widget::setGeometry()-funktio ottaa neljä argumenttia: Kaksi ensimmäistä argumenttia ovat painikkeen vasemman yläkulman x- ja y-koordinaatit. Koordinaatit ovat suhteellisia vanhempikäyttöliittymäkomponenttiin. Kaksi viimeistä argumenttia ovat painikkeen leveys ja korkeus. Tuloksen on painike, joka ulottuu koordinaateista (10, 40) koordinaatteihin (190, 80).

window.show()

Kun vanhempikäyttöliittymä näytetään, se kutsuu kaikkien lasten näytön (paitsi niiden, jotka on eksplisiittisesti piilotettu käyttäen Qt::Widget::hide()-metodia).

Sovelluksen suorittaminen

The button no longer fills the entire window. Instead, it stays at position (10, 40) within the window and with a size of (180, 40), because of the Qt::Widget::setGeometry() call.

Exercises

Try resizing the window. How does the button change? What happens to the button's height if you run the program with a bigger font? What happens if you try to make the window really small?

@@ Line 72: / Line 72: @@
 Kun vanhempikäyttöliittymä näytetään, se kutsuu kaikkien lasten näytön (paitsi niiden, jotka on eksplisiittisesti piilotettu käyttäen [http://doc.qt.nokia.com/latest/qwidget.html#hide Qt::Widget::hide()]-metodia).
-=== Running the Application ===
+=== Sovelluksen suorittaminen ===
 The button no longer fills the entire window. Instead, it stays at position (10, 40) within the window and with a size of (180, 40), because of the [http://doc.qt.nokia.com/latest/qwidget.html#geometry-prop Qt::Widget::setGeometry()] call.