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  · 

textalignment.qml Example File

declarative/righttoleft/textalignment/textalignment.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
     color: "white"
     width: containerColumn.width
     height: containerColumn.height + containerColumn.anchors.topMargin

     property bool mirror: false
     property variant horizontalAlignment: undefined

     property variant editorType: ["Plain Text", "Styled Text", "Plain Rich Text", "Italic Rich Text", "Plain TextEdit", "Italic TextEdit", "TextInput"]
     property variant text: ["", " ", "Hello world!", " !", "Hello world! Hello!\nHello world! Hello!", " ! !  ! !" ," ! !  Hello world!\n! !"]
     property variant description: ["empty text", "white-space-only text", "left-to-right text", "right-to-left text", "multi-line left-to-right text", "multi-line right-to-left text", "multi-line bidi text"]
     property variant textComponents: [plainTextComponent, styledTextComponent, richTextComponent, italicRichTextComponent, plainTextEdit, italicTextEdit, textInput]

     function shortText(horizontalAlignment) {

         // all the different QML editors have
         // the same alignment values
         switch (horizontalAlignment) {
         case Text.AlignLeft:
             return "L";
         case Text.AlignRight:
             return "R";
         case Text.AlignHCenter:
             return "C";
         case Text.AlignJustify:
             return "J";
         default:
             return "Error";
         }
     }
     Column {
         id: containerColumn
         spacing: 10
         width: editorTypeRow.width
         anchors { top: parent.top; topMargin: 5 }
         Row {
             id: editorTypeRow
             Repeater {
                 model: editorType.length
                 Item {
                     width: editorColumn.width
                     height: editorColumn.height
                     Column {
                         id: editorColumn
                         spacing: 5
                         width: textColumn.width+10
                         Text {
                             text: root.editorType[index]
                             font.pixelSize: 16
                             anchors.horizontalCenter: parent.horizontalCenter
                         }
                         Column {
                             id: textColumn
                             spacing: 5
                             anchors.horizontalCenter: parent.horizontalCenter
                             Repeater {
                                 model: textComponents.length
                                 delegate: textComponents[index]
                             }
                         }
                     }
                 }
             }
         }
         Column {
             spacing: 2
             width: parent.width
             Rectangle {
                 // button
                 height: 50; width: parent.width
                 color: mouseArea.pressed ? "black" : "lightgray"
                 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: mouseArea
                     property int index: 0
                     anchors.fill: parent
                     onClicked: root.mirror = !root.mirror
                 }
             }
             Rectangle {
                 // button
                 height: 50; width: parent.width
                 color: mouseArea2.pressed ? "black" : "gray"
                 Column {
                     anchors.centerIn: parent
                     Text {
                         text: {
                             if (root.horizontalAlignment == undefined)
                                 return "Implict alignment";
                             switch (root.horizontalAlignment) {
                             case Text.AlignLeft:
                                 return "Left alignment";
                             case Text.AlignRight:
                                 return "Right alignment";
                             case Text.AlignHCenter:
                                 return "Center alignment";
                             case Text.AlignJustify:
                                 return "Justify alignment";
                             }
                         }
                         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
                     property int index: 0
                     anchors.fill: parent
                     onClicked: {
                         if (index < 0) {
                             root.horizontalAlignment = undefined;
                         } else {
                             root.horizontalAlignment = Math.pow(2, index);
                         }
                         index = (index + 2) % 5 - 1;
                     }
                 }
             }
         }
     }

     Component {
         id: plainTextComponent
         Text {
             width: 180
             text: root.text[index]
             font.pixelSize: 24
             wrapMode: Text.WordWrap
             horizontalAlignment: root.horizontalAlignment
             LayoutMirroring.enabled: root.mirror
             textFormat: Text.RichText
             Rectangle {
                 z: -1
                 color: Qt.rgba(0.8, 0.2, 0.2, 0.3)
                 anchors.fill: parent
             }
             Text {
                 text: root.description[index]
                 color: Qt.rgba(1,1,1,1.0)
                 anchors.centerIn: parent
                 Rectangle {
                     z: -1
                     color: Qt.rgba(0.3, 0, 0, 0.3)
                     anchors { fill: parent; margins: -3 }
                 }
             }
             Text {
                 color: "white"
                 text: shortText(parent.horizontalAlignment)
                 anchors { top: parent.top; right: parent.right; margins: 2 }
             }
         }
     }

     Component {
         id: styledTextComponent
         Text {
             width: 180
             text: root.text[index]
             font.pixelSize: 24
             wrapMode: Text.WordWrap
             horizontalAlignment: root.horizontalAlignment
             LayoutMirroring.enabled: root.mirror
             textFormat: Text.RichText
             style: Text.Sunken
             styleColor: "white"
             Rectangle {
                 z: -1
                 color: Qt.rgba(0.8, 0.2, 0.2, 0.3)
                 anchors.fill: parent
             }
             Text {
                 text: root.description[index]
                 color: Qt.rgba(1,1,1,1.0)
                 anchors.centerIn: parent
                 Rectangle {
                     z: -1
                     color: Qt.rgba(0.3, 0, 0, 0.3)
                     anchors { fill: parent; margins: -3 }
                 }
             }
             Text {
                 color: "white"
                 text: shortText(parent.horizontalAlignment)
                 anchors { top: parent.top; right: parent.right; margins: 2 }
             }
         }
     }

     Component {
         id: richTextComponent
         Text {
             width: 180
             text: root.text[index]
             font.pixelSize: 24
             wrapMode: Text.WordWrap
             horizontalAlignment: root.horizontalAlignment
             LayoutMirroring.enabled: root.mirror
             textFormat: Text.RichText
             Rectangle {
                 z: -1
                 color: Qt.rgba(0.8, 0.2, 0.2, 0.3)
                 anchors.fill: parent
             }
             Text {
                 text: root.description[index]
                 color: Qt.rgba(1,1,1,1.0)
                 anchors.centerIn: parent
                 Rectangle {
                     z: -1
                     color: Qt.rgba(0.3, 0, 0, 0.3)
                     anchors { fill: parent; margins: -3 }
                 }
             }
             Text {
                 color: "white"
                 text: shortText(parent.horizontalAlignment)
                 anchors { top: parent.top; right: parent.right; margins: 2 }
             }
         }
     }

     Component {
         id: italicRichTextComponent
         Text {
             width: 180
             text: "<i>" + root.text[index] + "</i>"
             font.pixelSize: 24
             wrapMode: Text.WordWrap
             horizontalAlignment: root.horizontalAlignment
             LayoutMirroring.enabled: root.mirror
             textFormat: Text.RichText
             property variant backgroundColor: Qt.rgba(0.8, 0.2, 0.2, 0.3)
             Rectangle {
                 z: -1
                 color: parent.backgroundColor
                 anchors.fill: parent
             }
             Text {
                 text: root.description[index]
                 color: Qt.rgba(1,1,1,1.0)
                 anchors.centerIn: parent
                 Rectangle {
                     z: -1
                     color: Qt.rgba(0.3, 0, 0, 0.3)
                     anchors { fill: parent; margins: -3 }
                 }
             }
             Text {
                 color: "white"
                 text: shortText(parent.horizontalAlignment)
                 anchors { top: parent.top; right: parent.right; margins: 2 }
             }
         }
     }

     Component {
         id: plainTextEdit
         TextEdit {
             width: 180
             text: root.text[index]
             font.pixelSize: 24
             cursorVisible: true
             wrapMode: TextEdit.WordWrap
             horizontalAlignment: root.horizontalAlignment
             LayoutMirroring.enabled: root.mirror
             Rectangle {
                 z: -1
                 color: Qt.rgba(0.5, 0.5, 0.2, 0.3)
                 anchors.fill: parent
             }
             Text {
                 text: root.description[index]
                 color: Qt.rgba(1,1,1,1.0)
                 anchors.centerIn: parent
                 Rectangle {
                     z: -1
                     color: Qt.rgba(0.3, 0, 0, 0.3)
                     anchors { fill: parent; margins: -3 }
                 }
             }
             Text {
                 color: "white"
                 text: shortText(parent.horizontalAlignment)
                 anchors { top: parent.top; right: parent.right; margins: 2 }
             }
         }
     }

     Component {
         id: italicTextEdit
         TextEdit {
             width: 180
             text: "<i>" + root.text[index] + "<i>"
             font.pixelSize: 24
             cursorVisible: true
             wrapMode: TextEdit.WordWrap
             horizontalAlignment: root.horizontalAlignment
             LayoutMirroring.enabled: root.mirror
             Rectangle {
                 z: -1
                 color: Qt.rgba(0.5, 0.5, 0.2, 0.3)
                 anchors.fill: parent
             }
             Text {
                 text: root.description[index]
                 color: Qt.rgba(1,1,1,1.0)
                 anchors.centerIn: parent
                 Rectangle {
                     z: -1
                     color: Qt.rgba(0.3, 0, 0, 0.3)
                     anchors { fill: parent; margins: -3 }
                 }
             }
             Text {
                 color: "white"
                 text: shortText(parent.horizontalAlignment)
                 anchors { top: parent.top; right: parent.right; margins: 2 }
             }
         }
     }

     Component {
         id: textInput
         Item {
             width: 180
             height: textInput.text.length > 20 ? 3*textInput.height : textInput.height
             TextInput {
                 id: textInput
                 width: 180
                 text: root.text[index]
                 font.pixelSize: 24
                 cursorVisible: true
                 horizontalAlignment: root.horizontalAlignment
                 LayoutMirroring.enabled: root.mirror
                 Rectangle {
                     z: -1
                     color: Qt.rgba(0.6, 0.4, 0.2, 0.3)
                     anchors.fill: parent
                 }
                 Text {
                     text: root.description[index]
                     color: Qt.rgba(1,1,1,1.0)
                     anchors.centerIn: parent
                     Rectangle {
                         z: -1
                         color: Qt.rgba(0.3, 0, 0, 0.3)
                         anchors { fill: parent; margins: -3 }
                     }
                 }
                 Text {
                     color: "white"
                     text: shortText(parent.horizontalAlignment)
                     anchors { top: parent.top; right: parent.right; margins: 2 }
                 }
             }
         }
     }
 }
Publicité

Best Of

Actualités les plus lues

Semaine
Mois
Année

Le blog Digia au hasard

Logo

Créer des applications avec un style Metro avec Qt, exemples en QML et C++, un article de Digia Qt traduit par Thibaut Cuvelier

Le blog Digia est l'endroit privilégié pour la communication sur l'édition commerciale de Qt, où des réponses publiques sont apportées aux questions les plus posées au support. 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