Explicar les pàgines
La nostra aplicació
A la guia d'aprenentatge anterior, hem aconseguit configurar, construir i compilar la nostra primera aplicació escrita amb el Kirigami. Amb els conceptes bàsics en el seu lloc, podem començar el nostre viatge cap a la creació d'una aplicació amb totes les característiques.
Aquestes guies d'aprenentatge se centraran en la creació d'una aplicació que permeti a l'usuari veure quants dies queden fins a un esdeveniment de la seva elecció. Això no vol dir que no us pugueu desviar i mirar de crear la vostra pròpia idea! Només assegureu-vos primer de parar molta atenció sobre com funcionen les coses, de manera que pugueu ajustar-ho quan les coses siguin diferents en el vostre propi codi. També us recomanem que consulteu la Galeria de Kirigami, la qual proporciona una sèrie d'exemples útils per a la interfície d'usuari i un fàcil accés a tot el codi.
En aquesta secció ens centrarem en les pàgines, un dels elements estructurals clau de qualsevol aplicació escrita amb el Kirigami.
Pàgines
Les aplicacions escrites amb el Kirigami solen estar organitzades en Pàgines . Aquestes són les «pantalles» diferents d'una aplicació. Voldreu tenir una pàgina dedicada a aspectes específics de la interacció amb la vostra aplicació, i per a facilitar les coses podreu crear fitxers diferents en QML, un per a cada pàgina.
Les pàgines estan organitzades en una pila de pàgines on es podran empènyer i fer aparèixer. En un telèfon només es mostrarà la pàgina superior, mentre que en una pantalla més gran (escriptori o tauleta) es podran mostrar múltiples pàgines una al costat de l'altra.
Nota
El KDE té les Directrius per a la interfície humana (HIG) que detallen com dissenyar millor la vostra aplicació. Les directrius ajudaran a garantir que la vostra aplicació segueix sent útil, coherent i estètica.
Una Kirigami.Page hereta d'un Controls.Page , i com a tal, també podeu utilitzar les propietats d'aquest últim.
Tornem al fitxer main.qml
que hem creat en la nostra guia d'aprenentatge anterior:
|
|
Fem que la nostra aplicació comenci a la nostra Kirigami.Page . Tot el que hi hem inclòs és una etiqueta que conté «Hello World», però arreglarem una mica les coses.
La idea darrere de la nostra aplicació és que podrem mostrar a l'usuari un munt de comptes enrere. El problema amb una Kirigami.Page normal és que té una mida vertical fixa, però no us preocupeu: el Kirigami també admet pàgines desplaçables. Ara, la Kirigami.ScrollablePage serà la nostra pàgina principal.
Avís
Si heu avançat en la guia d'aprenentatge, possiblement haureu notat que també hi ha una ScrollView que podreu utilitzar per a contenir els vostres components. No obstant això, NO poseu unaScrollView
dins d'una ScrollablePage
, ja que això pot causar problemes. Els elements fills d'una ScrollablePage
ja són funcionals en una ScrollView
.
|
|
Les pàgines escrites amb el Kirigami també compten amb títols niuats col·locats dins de la barra d'eines, indicant ràpidament a l'usuari en quina pàgina es troba. Tot el que necessitem fer per a establir un títol de pàgina és emprar la propietat title
de la
Kirigami.ScrollablePage
. En aquest cas, per a aquesta finalitat utilitzarem una de les funcions i18nc()
que hem explorat en la nostra guia d'aprenentatge anterior.
Nota
També podeu optar per definir la vostra pàgina dins del seu propi document QML. Per a fer-ho, cal crear el fitxer QML nou, per exemple «StartPage.qml», i afegir-lo al vostre fitxer resources.qrc
i establir la primera pàgina per a carregar-lo, com així:
pageStack.initialPage: Qt.resolvedUrl("StartPage.qml")
pageStack.initialPage
estableix la pàgina inicial de la pila de pàgines de l'aplicació, i
Qt.resolvedUrl
converteix l'URL relatiu del fitxer QML en un d'absolut.
Hi ha més informació sobre estructures de pàgina alternatives dins la documentació del Kirigami.