Development/Tutorials/Qt4 Ruby Tutorial/Chapter 09/fi: Difference between revisions
Centerlink (talk | contribs) (Created page with "Funktio [http://doc.qt.nokia.com/latest/qpainter.html#drawPie Qt::Painter::drawPie()] piirtää piirakkamuodon määritellyn nelikulmion sisälle käyttäen aloituskulmaa ja kaar...") |
Centerlink (talk | contribs) (Created page with "Funktio [http://doc.qt.nokia.com/latest/qpainter.html#rotate Qt::Painter::rotate()] pyörittää [http://doc.qt.nokia.com/latest/qpainter.html Qt::Painter]-koordinaattijärjestel...") |
||
Line 58: | Line 58: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Funktio [http://doc.qt.nokia.com/latest/qpainter.html#rotate Qt::Painter::rotate()] pyörittää [http://doc.qt.nokia.com/latest/qpainter.html Qt::Painter]-koordinaattijärjestelmää alkupisteen ympäri. Kiertoargumentti annetaan asteina (ei aseteen 16-osina, kuten yllä) ja vastapäivään. Tässä pyöritämme koordinaattijärjestelmää '''<tt>@currentAngle</tt>'''-astetta vastapäivään. | |||
<syntaxhighlight lang="ruby"> | <syntaxhighlight lang="ruby"> |
Revision as of 18:00, 12 October 2011
Development/Tutorials/Qt4 Ruby Tutorial/Chapter 09
Languages: عربي | Asturianu | Català | Česky | Kaszëbsczi | Dansk | Deutsch | English | Esperanto | Español | Eesti | فارسی | Suomi | Français | Galego | Italiano | 日本語 | 한국어 | Norwegian | Polski | Português Brasileiro | Română | Русский | Svenska | Slovenčina | Slovenščina | српски | Türkçe | Tiếng Việt | Українська | 简体中文 | 繁體中文
Tutorial Series | Qt4 Ruby -oppikurssi |
Previous | Oppikurssi 8 - Taisteluun valmistautuminen |
What's Next | Oppikurssi 10 - Sileää kuin silkki |
Further Reading | n/a |
Kanuunalla kykenet
Tiedostot:
Yleistä
Tässä esimerkissä meistä tulee graafikko piirtämällä pienen soman kanuunan. Vain cannon.rb eroaa edellisestä kappaleesta.
Läpikäynti rivi riviltä
def paintEvent(event)
painter = Qt::Painter.new(self)
Aloitamme nyt käyttämällä Qt::Painter tosissaan. Luomme taidemaalarin, joka toimii tällä käyttöliittymäkomponentilla.
painter.setPen(Qt::NoPen)
Reunat, jotka Qt::Painter piirtää on piirretty käyttäen kynää. Tässä asetamme sen arvoon Qt::NoPen tarkoittaen, että ei ole mitään erityistä reunaa, kun piirrämme jotain.
painter.setBrush(Qt::Brush.new(Qt::blue))
Kun Qt::Painter täyttää nelikulmion, ympyrän, tai mitä hyvänsä, se täyttää muodon käyttäen sivellintään. Tässä asetamme sen käyttämään kiinteää sinistä sivellintä. (Voisimme myös käyttää mallia.) Sininen sivellin menee koko matkan niiden asioiden reunoihin, jotka piirrämme.
painter.translate(0, rect().height())
Funktio Qt::Painter::translate() kääntää Qt::Painter-koordinaattijärjestelmän (ts., se siirtää sen siirrososoitteella). Tässä asetamme koordinaatin (0, 0) osoittamaan käyttöliittymäkomponentin vasenta alakulmaa. Suunnat x ja y säilyvät muuttumattomina, ts., kaikki y-koordinaatit käyttöliittymäkomponentin sisällä ovat nyt negatiivisia. (Katso koordinaattijärjestelmästä lisätietoja Qt:n koordinaattijärjestelmästä.)
painter.drawPie(Qt::Rect.new(-35, -35, 70, 70), 0, 90 * 16)
Funktio Qt::Painter::drawPie() piirtää piirakkamuodon määritellyn nelikulmion sisälle käyttäen aloituskulmaa ja kaaripituutta. Kulmat määritellään asteen 16-osina. Nolla astetta on kello kolmen sijainnissa. Piirtämisen suunta on vastapäivään. Tässä piirrämme ympyrän neljänneksen käyttöliittymäkomponentin vasempaan alakulmaan. Piirakka täytetään sinisellä ja sillä ei ole ääriviivoja.
painter.rotate(-@currentAngle)
Funktio Qt::Painter::rotate() pyörittää Qt::Painter-koordinaattijärjestelmää alkupisteen ympäri. Kiertoargumentti annetaan asteina (ei aseteen 16-osina, kuten yllä) ja vastapäivään. Tässä pyöritämme koordinaattijärjestelmää @currentAngle-astetta vastapäivään.
painter.drawRect(Qt::Rect.new(30, -5, 20, 10))
The Qt::Painter::drawRect() function draws the specified rectangle. Here we draw the barrel of the cannon.
It can often be difficult to envision the resulting drawing when the coordinate system has been transformed (translated, rotated, scaled, or sheared) as above.
In this case the coordinate system is first translated and then rotated. If the rectangle Qt::Rect.new(30, -5, 20, 10) had been drawn in the translated coordinate system, it would have looked like this:
Note that the rectangle is clipped by the border of the CannonField widget. When we rotate the coordinate system, for instance 60 degrees, the rectangle will be rotated around (0, 0), which is the bottom-left corner because we have translated the coordinate system. The result looks like this:
Sovelluksen suorittaminen
When the slider is operated the angle of the drawn cannon changes accordingly.
Harjoitukset
Aseta eri kynä eikä Qt::NoPen. Aseta kuvioitu sivellin.