Kugadzira app yeUbuntu Kubata [QML] - [Chikamu 1]

Nhanganyaya

Pano pauya akateedzana ezvinyorwa (senge dzandakaita nadzo Vala), asi ino nguva nechikumbiro che Ubuntu Bata, iko kunyorera pakutanga "kwakafanana" senge mu mbiru kubva Vala, ndokuti, mhando yemutambo uko isu tine mubvunzo uye mhinduro ina muchimiro chebvunzo, ipapo isu tine matatu mabhatani, imwe kubvisa mbiri dzingaite mhinduro (4%), imwe yekuomesa nguva uye yekupedzisira ku enda kubva kumubvunzo.

Kuti uone kutanga kwekugadzira chirongwa, unogona kushanyira izvi pambiru (zvinyorwa, gadzira chirongwa ...), sezvo isu tichatanga neiyo chirongwa chakagadzirwa kare.

Ruzivo rwekutanga

Kugadzira iyo app isu tinoshandisa izvo zvikamu zve UbuntuKunyange isu tichigona kugadzira zvedu zvikamu, isu hatizodaro mune ino kesi.

Ubuntu Zvikamu zvinhu zvatinozoshandisa kune yedu app:

Kuti tivashandise zvakafanana tinofanira kuendesa module:

tenga Ubuntu.Components 0.1

Tinogona kuwana akasiyana zvinhu mukati mezvinhu, senge mabhatani, mabara ekufambira mberi etc. Tinogona kurodha pasi purojekiti uko kwavanotiratidza mazhinji ezvinhu izvi:

bzr bazi lp: ubuntu-ui-toolkit 

Kugadzira iyo app

Isu tinotanga kubva pamufananidzo patine chikumbiro chakaitwa na GTK, mune ino nyaya isu toshandisa QML, ipapo isu tichagadzira iyo yese application ne Qt Kurumidza (QML + JavaScript).

Iko kunyorera, semufananidzo, ichave nemubvunzo, nguva, mhinduro, sarudzo uye mapoinzi. Musiyano chete (kunze kwe "dhizaini"), ndezvekuti isu tichava nemaTab kumusoro.

Kune izvi isu tinoshandisa bhatani, chitambi uye kufambira mberiBar zvinhu. Kune chimiro isu tinoshandisa iyo Element Column y Mutsara.

Kugadzira marongero eiyo huru skrini:

Isu tinotanga ne MainView, uko kunowanikwa Matabhu akasiyana, mune ino kesi tiri kuzoshanda pakurongwa kweiyo yekutanga skrini yeapp yedu.

MainView {chinhuName: "mainView" // ...}

Miganhu (yeUbuntu Kubata):

upamhi: units.gu (50) kukwirira: units.gu (75)

Isu tinotsanangura kureba uye upamhi hwekushandisa kwedu, uko upamhi huchave makumi mashanu (mayunitsi) uye kureba makumi manomwe neshanu, ikozvino tave kuzopenda.

headerColor: "# 57365E" backgroundColor: "# A55263" footerColor: "# D75669"

Isu tine ruvara rwemusoro, muviri uye tsoka:

Sezvandambotaura, iko kunyorera kuchave kwakarongedzwa neTab:

    Tabs {id: tabs Set {objectName: "jocTab"} / * Wedzera {objectName: "addQuestions"} * /}

Sezvo isu tichiona isu tine maTabhu maviri, imwe yakataura (hatisati tazvigadzira izvozvi) uyezve yekutamba (iyo yatichagadzira izvozvi). Kugadzira iyo Tab, isu tichagadzira nyowani qml faira (Wedzera nyowani -> Qt -> QML Faira ->…), zita refaira richava Mutambo.qml.

Zvakanaka, ngatishandure Game.qml nenzira yekuti tishandure kuita Tab, iri mukati rine peji (Peji):

pinza QtQuick 2.0 kupinza Ubuntu.Components 0.1 Tab {zita: i18n.tr ("Mutambo") Peji {}}

Mukati mepeji isu tichatanga kuronga zvinhu izvo zvatinotaura mukugadzirwa. Chikamu chinosanganisa zvese zvinhu mukati (zvichavaisa zvichimira), tobva taisa zvinhu zvakarongeka: Chitaera, ProgressBar, iwo mabhatani mana; uye kuisa sarudzo, isu tinoshandisa iyo Row element kuiisa yakatwasuka.

Column {anchors.top: Gamepage.top anchors.topMargin: 50 spacing: 15 width: parent.width height: parent.height - 50 Label {id: question anchors.topMargin: 500 text: "Mubvunzo?" anchors. Bhatani {id: resp1 chinyorwa: "Mhinduro 1" anchors.horizontalCenter: parent.horizontalCenter} Bhatani {id: resp2 chinyorwa: "Mhinduro 2" zvimiso. HorizontalCenter: parent.horizontalCenter} Bhatani {id: chinyorwa3: "Mhinduro 3" zvimiso .horizontalCenter: parent.horizontalCenter} Row {spacing: 4 anchors.horizontalCenter: parent.horizontalCenter Button {id: b4 text: "15%"} Bhatani {id: bCon text: "Freeze"} Bhatani {id: bNext text: " Inotevera "}} Row {spacing: 50 anchors.horizontalCenter: parent.horizontalCenter Label {id: failures text:" Failures: 50 "color:" red "} Label {id: hits text:" Hit: 15 "} Label {id : anonongedza mavara: "Points: 0" fontSize: "pakati"}}

Ngatione kuti mukati mechinhu chimwe nechimwe chakatemwa neayo chitupa "id», Izvo zvichatibatsira kana tikateedzera pfungwa yekushandisa.

Pakupedzisira tinogona kuona mhedzisiro: