Viadeo Twitter Google Bookmarks ! Facebook Digg del.icio.us MySpace Yahoo MyWeb Blinklist Netvouz Reddit Simpy StumbleUpon Bookmarks Windows Live Favorites 
Logo Documentation Qt ·  Page d'accueil  ·  Toutes les classes  ·  Toutes les fonctions  ·  Vues d'ensemble  · 

layoutmirroring.qml Example File

declarative/righttoleft/layoutmirroring/layoutmirroring.qml
 /****************************************************************************
 **
 ** Copyright (C) 2010 Nokia Corporation and/or its subsidiary(-ies).
 ** All rights reserved.
 ** Contact: Nokia Corporation (qt-info@nokia.com)
 **
 ** This file is part of the examples of the Qt Toolkit.
 **
 ** $QT_BEGIN_LICENSE:BSD$
 ** You may use this file under the terms of the BSD license as follows:
 **
 ** "Redistribution and use in source and binary forms, with or without
 ** modification, are permitted provided that the following conditions are
 ** met:
 **   * Redistributions of source code must retain the above copyright
 **     notice, this list of conditions and the following disclaimer.
 **   * Redistributions in binary form must reproduce the above copyright
 **     notice, this list of conditions and the following disclaimer in
 **     the documentation and/or other materials provided with the
 **     distribution.
 **   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
 **     the names of its contributors may be used to endorse or promote
 **     products derived from this software without specific prior written
 **     permission.
 **
 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
 ** $QT_END_LICENSE$
 **
 ****************************************************************************/

 import QtQuick 1.1

 Rectangle {
     id: root
     property bool mirror: Qt.application.layoutDirection == Qt.RightToLeft
     LayoutMirroring.enabled: mirror
     LayoutMirroring.childrenInherit: true
     width: 400
     height: 875
     color: "lightsteelblue"

     Column {
         spacing: 10
         anchors { left: parent.left; right: parent.right; top: parent.top; margins: 10 }

         Text {
             text: "Positioners"
             anchors.left: parent.left
         }

         Column {
             id: positioners
             spacing: 5
             anchors.left: parent.left
             Row {
                 id: row
                 spacing: 4
                 property string text: "THISISROW"
                 anchors.left: parent.left
                 Repeater {
                     model: parent.text.length
                     delegate: positionerDelegate
                 }
             }
             Flow {
                 id: flow
                 spacing: 4
                 width: 90
                 property string text: "THISISFLOW"
                 anchors.left: parent.left
                 Repeater {
                     model: parent.text.length
                     delegate: positionerDelegate
                 }
             }
             Grid {
                 id: grid
                 spacing: 4
                 columns: 6
                 property string text: "THISISGRID"
                 anchors.left: parent.left
                 Repeater {
                     model: parent.text.length
                     delegate: positionerDelegate
                 }
             }
             Component {
                 id: positionerDelegate
                 Text {
                     color: "white"
                     font.pixelSize: 20
                     text: parent.text[index]
                     Rectangle {
                         z: -1
                         opacity: 0.7
                         color: "black"
                         anchors.fill: parent
                     }
                 }
             }
         }

         Text {
             text: "Text alignment"
             anchors.left: parent.left
         }

         Rectangle {
             id: textStrings
             width: 148
             height: 85
             color: "white"
             anchors.left: parent.left
             Column {
                 spacing: 5
                 width: parent.width
                 anchors { fill: parent; margins: 5 }
                 Text {
                     id: englishText
                     width: parent.width
                     text: "English text"
                 }
                 Text {
                     id: arabicText
                     width: parent.width
                     text: " "
                 }
                 Text {
                     id: leftAlignedText
                     width: parent.width
                     text: "Text aligned to left"
                     horizontalAlignment: Text.AlignLeft
                 }
                 Text {
                     id: rightAlignedText
                     width: parent.width
                     text: "Text aligned to right"
                     horizontalAlignment: Text.AlignRight
                 }
             }
         }

         Text {
             text: "Model views"
             anchors.left: parent.left
         }

         Column {
             id: views
             spacing: 10
             anchors.left: parent.left
             ListView {
                 id: listView
                 z: -1
                 clip: true
                 model: text.length
                 width: 360; height: 45
                 orientation: Qt.Horizontal
                 property string text: "LISTVIEWLISTVIEWLISTVIEWLISTVIEWLISTVIEWLISTVIEW"
                 delegate: Rectangle {
                     color: "black"
                     width: 45; height: 45
                     Rectangle {
                         anchors { fill: parent; margins: 1 }
                         color: "red"
                     }
                     Text {
                         text: listView.text[index]
                         font.pixelSize: 30
                         anchors.centerIn: parent
                     }
                 }
             }
             GridView {
                 id: gridView
                 z: -1
                 clip: true
                 model: text.length
                 width: 180; height: 90
                 cellWidth: 45; cellHeight: 45
                 property string text: "GRIDVIEWGRIDVIEWGRIDVIEWGRIDVIEWGRIDVIEWGRIDVIEW"
                 anchors.left: parent.left
                 delegate: Rectangle {
                     color: "black"
                     width: 45; height: 45
                     Rectangle {
                         anchors { fill: parent; margins: 1 }
                         color: "red"
                     }
                     Text {
                         anchors.centerIn: parent
                         font.pixelSize: 30
                         text: gridView.text[index]
                     }
                 }
             }
         }

         Text {
             text: "Item x"
             anchors.left: parent.left
         }
         Rectangle {
             id: items
             color: Qt.rgba(0.2, 0.2, 0.2, 0.6)
             width: 275; height: 95
             anchors.left: parent.left
             Rectangle {
                 y: 5; x: 5
                 width: 130; height: 40
                 Text {
                     text: "Item with x: 5\n(not mirrored)"
                     anchors.centerIn: parent
                 }
             }
             Rectangle {
                 color:  Qt.rgba(0.7, 0.7, 0.7)
                 y: 50; x: mirror(5)
                 width: 130; height: 40
                 function mirror(value) {
                     return LayoutMirroring.enabled ? (parent.width - width - value) : value;
                 }
                 Text {
                     text: "Item with x: " + parent.x + "\n(manually mirrored)"
                     anchors.centerIn: parent
                 }
             }
         }
         Text {
             text: "Item anchors"
             anchors.left: parent.left
         }

         Rectangle {
             id: anchoredItems
             color: Qt.rgba(0.2, 0.2, 0.2, 0.6)
             width: 270; height: 170
             anchors.left: parent.left
             Rectangle {
                 id: blackRectangle
                 color: "black"
                 width: 180; height: 90
                 anchors { horizontalCenter: parent.horizontalCenter; horizontalCenterOffset: 30 }
                 Text {
                     text: "Horizontal center anchored\nwith offset 30\nto the horizontal center\nof the parent."
                     color: "white"
                     anchors.centerIn: parent
                 }
             }
             Rectangle {
                 id: whiteRectangle
                 color: "white"
                 width: 120; height: 70
                 anchors { left: parent.left; bottom: parent.bottom }
                 Text {
                     text: "Left side anchored\nto the left side\nof the parent."
                     color: "black"
                     anchors.centerIn: parent
                 }
             }
             Rectangle {
                 id: grayRectangle
                 color: Qt.rgba(0.7, 0.7, 0.7)
                 width: 140; height: 90
                 anchors { right: parent.right; bottom: parent.bottom }
                 Text {
                     text: "Right side anchored\nto the right side\nof the parent."
                     anchors.centerIn: parent
                 }
             }
         }
         Rectangle {
             id: mirrorButton
             color: mouseArea2.pressed ? "black" : "gray"
             height: 50; width: parent.width
             anchors.left: parent.left
             Column {
                 anchors.centerIn: parent
                 Text {
                     text: root.mirror ? "Mirrored" : "Not mirrored"
                     color: "white"
                     font.pixelSize: 16
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
                 Text {
                     text: "(click here to toggle)"
                     color: "white"
                     font.pixelSize: 10
                     font.italic: true
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
             MouseArea {
                 id: mouseArea2
                 anchors.fill: parent
                 onClicked: {
                     root.mirror = !root.mirror;
                 }
             }
         }
     }
 }
Publicité

Best Of

Actualités les plus lues

Semaine
Mois
Année
  1. « Quelque chose ne va vraiment pas avec les développeurs "modernes" », un développeur à "l'ancienne" critique la multiplication des bibliothèques 88
  2. Apercevoir la troisième dimension ou l'utilisation multithreadée d'OpenGL dans Qt, un article des Qt Quarterly traduit par Guillaume Belz 0
  3. Les développeurs ignorent-ils trop les failles découvertes dans leur code ? Prenez-vous en compte les remarques des autres ? 17
  4. Pourquoi les programmeurs sont-ils moins payés que les gestionnaires de programmes ? Manquent-ils de pouvoir de négociation ? 39
  5. Quelles nouveautés de C++11 Visual C++ doit-il rapidement intégrer ? Donnez-nous votre avis 10
  6. Adieu qmake, bienvenue qbs : Qt Building Suite, un outil déclaratif et extensible pour la compilation de projets Qt 17
  7. 2017 : un quinquennat pour une nouvelle version du C++ ? Possible, selon Herb Sutter 6
Page suivante

Le Qt Quarterly au hasard

Logo

Poppler : afficher des fichiers PDF avec Qt

Qt Quarterly est la revue trimestrielle proposée par Nokia et à destination des développeurs Qt. Ces articles d'une grande qualité technique sont rédigés par des experts Qt. Lire l'article.

Communauté

Ressources

Liens utiles

Contact

  • Vous souhaitez rejoindre la rédaction ou proposer un tutoriel, une traduction, une question... ? Postez dans le forum Contribuez ou contactez-nous par MP ou par email (voir en bas de page).

Qt dans le magazine

Cette page est une traduction d'une page de la documentation de Qt, écrite par Nokia Corporation and/or its subsidiary(-ies). Les éventuels problèmes résultant d'une mauvaise traduction ne sont pas imputables à Nokia. Qt 4.7-snapshot
Copyright © 2012 Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon, vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. Cette page est déposée à la SACD.
Vous avez déniché une erreur ? Un bug ? Une redirection cassée ? Ou tout autre problème, quel qu'il soit ? Ou bien vous désirez participer à ce projet de traduction ? N'hésitez pas à nous contacter ou par MP !
 
 
 
 
Partenaires

Hébergement Web