Qt 5.12 - QtQuick mis plusieurs pages, animation de commutation multi-pages, l'interaction de données multiples fichiers QML

Qt 5.12 - QtQuick mis plusieurs pages, animation de commutation multi-pages, l'interaction de données multiples fichiers QML

Plus d'une méthode de changement de page

(1) « Hiding »
une vue de face de la transparence ou l' opacité visible sur false à 0, ce qui correspond à « caché », il y a des pratiques, en
vue d'afficher visible pour une réelle transparence ou opacité est définie sur 1, est affiché;
(2) "dynamique"
var = composante Qt.createComponent ( "Page1.qml") de createObject (Container, {width: 100, heisght: 100);.
créée sur la base de composants "a" Page1.qml, créé sur la base du composant un nouvel objet, l'objet est placé à l' intérieur de l'objet parent du récipient, le nouvel objet est de longueur créée 100, largeur 100; de prototype de fonction createObject:
objet createObject (parent QtObject, des propriétés des objets)
procédé de destruction: (1) component.destroy (); ( 2) supérieure Page1.qml d'identifiant d'objet, id.destroy ();
nouvel objet de la même zone masque réponse de la souris parente d' origine: MouseArea {anchors.fill: parent};
région si la taille de l' objet dépasse le nouveau conteneur d'objet parent: paramètres parent séquence: true;
(. 3) "Chargeur chargement"
Point {
largeur: 200 est; hauteur: 200 est
Loader ID {:} PageLoader
la MouseArea {anchors.fill: le parent onClicked page Loader.source = "Page1.qml"}
}
Définir un chargeur, lorsqu'il est fourni pour charger pageLoader.source = "Page1.qml";
à condition que pageLoader.source = "", peut être une chaîne vide lorsque la destruction;
(4) StackView page SwipeView de commutation analogues;
StackView atteint un type de navigation de la pile. « Stack » Nous savons tous comment ce sont les enfants, est une structure de données, dernier sorti (FILO), le soutien à la pop, pousser et d' autres opérations. pile StackView pour la gestion du comportement similaire d'une série de View (page ou vue), il peut y avoir lien intrinsèque entre ces View, en fonction des besoins de l' entreprise, vous pouvez sauter dans les profondeurs d'un niveau, le point a eu lieu le affichage en cours Qu'est - ce que chose de l' enfant, il peut produire une page avant une nouvelle vue ou retour.

2 animation de commutation multi-page

(1) Principe: animations de commutation Première page connue applique uniquement à la page « loi cachée » d'animation de commutation, en changeant l'attribut visible, comme la valeur de l' appel d'opacité animation PropertyAnimation, ou définir un certain nombre d'états, la transition d'appel lorsque les changements d'état de l' État animation défini;
changement de page d'animation QML peut être utilisé pour contrôler la largeur de la transparence de chaque page de la page de façon à commander la commutation en douceur;
(2) StackView, SwipeView autre animation de transition vient commutateur de page;

3 qml interaction de données de fichiers multiples

(1) « co-parent »
Si 1.qml et 2.qml est plane, alors vous devez construire un niveau supérieur contient les deux d'entre eux pour établir les paramètres du niveau supérieur, un niveau de paramètres plus élevés pour l' échange de données 1 et 2;
( 2) « parent-enfant (subordonné) »
1.qml nécessite 2.qml d'accès aux données à: à l' intérieur du 1.qml tel que défini dans 2.qml inférieur (enfant), et vice - versa,
principe général: plus l'accès supérieur données, baissez modifier certaines données éclaireront supérieurs, sinon pourraient ne pas modifier la notification est envoyée, incohérences de données,
si le fichier fichier fichier javascript import QML importation « xXX.js », puis xXX.js peuvent être utilisés directement le fichier QML objets définis;

référence

. 1, QtQuick de commutation multi-pages, animation de commutation multi-page, une pluralité de fichiers d'échange de données qml
2, l'explication rapide Qt de StackView (. 1)
. 3, QML Qt5.7.0 mise en œuvre SwipeView

Publié 496 articles originaux · a gagné les éloges 601 · Vues 1,55 millions +

Je suppose que tu aimes

Origine blog.csdn.net/qq_38880380/article/details/103836315
conseillé
Classement