Klarigante paĝojn
Nia apo
En la antaŭa lernilo, ni sukcesis agordi, konstrui kaj kompili nian unuan Kirigami-aplikaĵon. Kun la bazaĵoj en la loko, ni povas komenci nian vojaĝon al kreado de plene prezentita aplikaĵo.
Ĉi tiuj lerniloj koncentriĝos pri kreado de aplikaĵo, kiu ebligas al la uzanto vidi kiom da tagoj restas ĝis evento de ilia elekto. Tio ne signifas, ke vi ne devas devii kaj provi krei vian propran aferon! Nur certigu, ke vi tre atentas kiel la aferoj funkcias unue, por ke vi povu ĝustigi kiam aferoj estas malsamaj en via propra kodo. Ni ankaŭ rekomendas vin kontroli la Kirigami Gallery, kiu provizas kelkajn utilajn UI-ekzemplojn kaj facilan aliron al la tuta kodo.
En ĉi tiu sekcio ni koncentriĝos pri paĝoj, unu el la ŝlosilaj strukturaj elementoj de iu ajn Kirigami-apliko.
Paĝoj
Kirigami-aplikoj estas kutime organizitaj en Paĝoj . Tiuj estas la malsamaj "ekranoj" de aplikaĵo. Vi volas havi paĝon dediĉitan al specifaj aspektoj de la interago de via programo, kaj por faciligi la aferojn vi povas krei malsamajn QML-dosierojn, unu por ĉiu paĝo.
Paĝoj estas organizitaj en paĝa stako kie ili povas esti puŝitaj kaj ŝtopitaj. Sur telefono nur la plej supra paĝo estas montrata, dum sur pli granda ekrano (skribotablo aŭ tablojdo), se vi volas, pluraj paĝoj povas esti montritaj unu apud la alia.
Noto
KDE havas Gvidliniojn pri Homaj Interfaco (HIG) kiuj eniras en detalojn pri kiel plej bone desegni vian aplikaĵon. La gvidlinioj helpas certigi, ke via aplikaĵo restas uzebla, konsekvenca kaj estetika.
Kirigami.Paĝo heredas de Controls.Page , kaj kiel tia vi povas uzi ankaŭ la lastan propraĵojn.
Ni reiru al la dosiero main.qml
, kiun ni kreis en nia antaŭa lernilo:
|
|
Ni igas nian aplikaĵon komenciĝi al nia Kirigami.Paĝo . Ĉio, kion ni enmetis en ĝi, estas etikedo enhavanta "Saluton Mondo", sed ni iom plibonigos aferojn.
La ideo malantaŭ nia programo estas, ke ni povos montri amason da retronombradoj al la uzanto. La problemo kun normala Kirigami.Paĝo estas, ke ĝi havas fiksan vertikalan grandecon, sed ne zorgu: Kirigami ankaŭ subtenas ruleblajn paĝojn. Kirigami.ScrollablePage estos nia ĉefa paĝo nun.
Averto
Se vi iris antaŭ la lernilo, vi eble rimarkis, ke ekzistas ankaŭ tia afero kiel ScrollView kiun vi povas uzi por enhavi viajn komponantojn. Tamen, NE metuScrollView
ene de ScrollablePage
ĉar tio povas kaŭzi problemojn. Filoj de ScrollablePage
estas funkcie jam en ScrollView
.
|
|
Kirigami-paĝoj ankaŭ prezentas bonordajn titolojn metitaj ene de la ilobreto, rapide indikante al la uzanto sur kiu paĝo ili estas. Ĉio, kion ni devas fari, estas agordi paĝotitolon per la titolo
-propreco de
Kirigami.ScrollablePage
. En ĉi tiu kazo, ni uzis unu el la funkcioj i18nc()
, kiujn ni esploris en nia antaŭa lernilo tiucele.
Noto
Vi ankaŭ povus elekti difini vian paĝon ene de sia propra QML-dokumento. Por fari tion, vi kreus la novan QML-dosieron, ekzemple "StartPage.qml", aldonu ĝin al via resources.qrc
dosiero, kaj agordus la unuan paĝon de la fenestro por ŝargi ĝin, jene:
pageStack.initialPage: Qt.resolvedUrl("StartPage.qml")
pageStack.initialPage
fiksas la komencan Paĝon de la paĝa stako de la aplikaĵo, kaj
Qt.resolvedUrl
konvertas la relativan URL de la QML-dosiero en absolutan.
Estas pliaj informoj pri alternativaj paĝaj strukturoj en nia Kirigami-dokumentado.