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

Revision as of 15:39, 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

Paiinike ei enää täytä koko ikkunaa. Sen sijaan se pysyttelee koordinaateissa (10, 40) ikkunan sisällä ja (180, 40)-kokoisena Qt::Widget::setGeometry()-kutsun ansiosta.

Harjoitukset

Yritä muuttaa ikkunan kokoa. Kuinka painike muuttuu? Mitä tapahtuu painikkeen korkeudelle, jos suoritat ohjelman suuremmilla kirjasimilla. Mitä tapahtuu, kun yrität tehdä ikkunasta todella pienen?

@@ Line 78: / Line 78: @@
 === Harjoitukset ===
-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?
+Yritä muuttaa ikkunan kokoa. Kuinka painike muuttuu? Mitä tapahtuu painikkeen korkeudelle, jos suoritat ohjelman suuremmilla kirjasimilla. Mitä tapahtuu, kun yrität tehdä ikkunasta todella pienen?
 [[Category:Ruby]]