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  · 

layoutdirection.qml Example File

declarative/righttoleft/layoutdirection/layoutdirection.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
     property int direction: Qt.application.layoutDirection
     LayoutMirroring.enabled: mirror
     LayoutMirroring.childrenInherit: true
     width: column.width + 80
     height: column.height + 40
     Column {
         id: column
         width: 190
         spacing: 10
         anchors.centerIn: parent

         Text {
             text: "Row"
             anchors.horizontalCenter: parent.horizontalCenter
         }

         Row {
             layoutDirection: root.direction
             spacing: 10
             move: Transition {
                 NumberAnimation {
                     properties: "x"
                 }
             }
             Repeater {
                 model: 4
                 Loader {
                     property int value: index
                     sourceComponent: positionerDelegate
                 }
             }
         }

         Text {
             text: "Grid"
             anchors.horizontalCenter: parent.horizontalCenter
         }

         Grid {
             layoutDirection: root.direction
             spacing: 10; columns: 4
             move: Transition {
                 NumberAnimation {
                     properties: "x"
                 }
             }
             Repeater {
                 model: 11
                 Loader {
                     property int value: index
                     sourceComponent: positionerDelegate
                 }
             }
         }

         Text {
             text: "Flow"
             anchors.horizontalCenter: parent.horizontalCenter
         }

         Flow {
             layoutDirection: root.direction
             spacing: 10; width: parent.width
             move: Transition {
                 NumberAnimation {
                     properties: "x"
                 }
             }
             Repeater {
                 model: 10
                 Loader {
                     property int value: index
                     sourceComponent: positionerDelegate
                 }
             }
         }

         Text {
             text: "ListView"
             anchors.horizontalCenter: parent.horizontalCenter
         }

         ListView {
             id: listView
             clip: true
             width: parent.width; height: 40
             layoutDirection: root.direction
             orientation: Qt.Horizontal
             model: 48
             delegate: viewDelegate
         }

         Text {
             text: "GridView"
             anchors.horizontalCenter: parent.horizontalCenter
         }

         GridView {
             clip: true
             width: 200; height: 160
             cellWidth: 50; cellHeight: 50
             layoutDirection: root.direction
             model: 48
             delegate: viewDelegate
         }

         Rectangle {
             height: 50; width: parent.width
             color: mouseArea.pressed ? "black" : "gray"
             Column {
                 anchors.centerIn: parent
                 Text {
                     text: root.direction ? "Right to left" : "Left to right"
                     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: mouseArea
                 anchors.fill: parent
                 onClicked: {
                     if (root.direction == Qt.LeftToRight) {
                         root.direction = Qt.RightToLeft;
                     } else {
                         root.direction = Qt.LeftToRight;
                     }
                 }
             }
         }

         Rectangle {
             height: 50; width: parent.width
             color: mouseArea2.pressed ? "black" : "gray"
             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;
                 }
             }
         }
     }

     Component {
         id: positionerDelegate
         Rectangle {
             width: 40; height: 40
             color: Qt.rgba(0.8/(parent.value+1),0.8/(parent.value+1),0.8/(parent.value+1),1.0)
             Text {
                 text: parent.parent.value+1
                 color: "white"
                 font.pixelSize: 18
                 anchors.centerIn: parent
             }
         }
     }
     Component {
         id: viewDelegate
         Item {
             function effectiveLayoutDirection() {
                 if (LayoutMirroring.enabled)
                     if (listView.layoutDirection == Qt.LeftToRight)
                         return Qt.RightToLeft;
                     else
                         return Qt.LeftToRight;
                 else
                     return listView.layoutDirection;
             }

             width: (effectiveLayoutDirection() == Qt.LeftToRight ? (index == 48 - 1) : (index == 0)) ? 40 : 50
             Rectangle {
                 width: 40; height: 40
                 color: Qt.rgba(0.5+(48 - index)*Math.random()/48,
                                0.3+index*Math.random()/48,
                                0.3*Math.random(),
                                1.0)
                 Text {
                     text: index+1
                     color: "white"
                     font.pixelSize: 18
                     anchors.centerIn: parent
                 }
             }
         }
     }
 }
Publicité

Best Of

Actualités les plus lues

Semaine
Mois
Année
  1. Microsoft ouvre aux autres compilateurs C++ AMP, la spécification pour la conception d'applications parallèles C++ utilisant le GPU 22
  2. Les développeurs ignorent-ils trop les failles découvertes dans leur code ? Prenez-vous en compte les remarques des autres ? 17
  3. « Quelque chose ne va vraiment pas avec les développeurs "modernes" », un développeur à "l'ancienne" critique la multiplication des bibliothèques 17
  4. RIM : « 13 % des développeurs ont gagné plus de 100 000 $ sur l'AppWord », Qt et open-source au menu du BlackBerry DevCon Europe 0
  5. BlackBerry 10 : premières images du prochain OS de RIM qui devrait intégrer des widgets et des tuiles inspirées de Windows Phone 0
  6. Adieu qmake, bienvenue qbs : Qt Building Suite, un outil déclaratif et extensible pour la compilation de projets Qt 17
  7. Quelles nouveautés de C++11 Visual C++ doit-il rapidement intégrer ? Donnez-nous votre avis 10
Page suivante

Le Qt Labs au hasard

Logo

QMake et au-delà

Les Qt Labs sont les laboratoires des développeurs de Qt, où ils peuvent partager des impressions sur le framework, son utilisation, ce que pourrait être son futur. 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
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