property int direction: Qt.application.layoutDirection
LayoutMirroring.enabled: mirror
LayoutMirroring.childrenInherit: true
- width: column.width + 80
- height: column.height + 40
+ width: 320
+ height: 480
Column {
- id: column
- width: 190
+ id: columnA
spacing: 10
- anchors.centerIn: parent
+ x: 10
+ y: 10
+ width: 140
+ Item {
+ id: rowCell
+ }
Text {
text: "Row"
anchors.horizontalCenter: parent.horizontalCenter
}
}
Repeater {
- model: 4
+ model: 3
Loader {
property int value: index
sourceComponent: positionerDelegate
Grid {
layoutDirection: root.direction
- spacing: 10; columns: 4
+ spacing: 10; columns: 3
move: Transition {
NumberAnimation {
properties: "x"
}
}
Repeater {
- model: 11
+ model: 8
Loader {
property int value: index
sourceComponent: positionerDelegate
}
}
Repeater {
- model: 10
+ model: 8
Loader {
property int value: index
sourceComponent: positionerDelegate
}
}
}
+ }
+ Column {
+ id: columnB
+ spacing: 10
+ x: 160
+ y: 10
Text {
text: "ListView"
GridView {
clip: true
- width: 200; height: 160
+ width: 150; height: 160
cellWidth: 50; cellHeight: 50
layoutDirection: root.direction
model: 48
property bool mirror: Qt.application.layoutDirection == Qt.RightToLeft
LayoutMirroring.enabled: mirror
LayoutMirroring.childrenInherit: true
- width: 400
- height: 875
+ width: 320
+ height: 480
color: "lightsteelblue"
Column {
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
}
}
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: 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
- }
+ }
+
+ Rectangle {
+ id: mirrorButton
+ color: mouseArea2.pressed ? "black" : "gray"
+ height: 50; width: 160
+ anchors.right: parent.right
+ anchors.top: parent.top
+ anchors.margins: 10
+ Column {
+ anchors.centerIn: parent
+ Text {
+ text: root.mirror ? "Mirrored" : "Not mirrored"
+ color: "white"
+ font.pixelSize: 16
+ anchors.horizontalCenter: parent.horizontalCenter
}
- MouseArea {
- id: mouseArea2
- anchors.fill: parent
- onClicked: {
- root.mirror = !root.mirror;
- }
+ 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;
}
}
}
--- /dev/null
+/****************************************************************************
+**
+** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/
+**
+** 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$
+**
+****************************************************************************/
+#include "../../shared/shared.h"
+DECLARATIVE_EXAMPLE_MAIN(righttoleft)
--- /dev/null
+TEMPLATE = app
+
+QT += quick declarative
+SOURCES += main.cpp
+
+target.path = $$[QT_INSTALL_EXAMPLES]/qtdeclarative/qtquick/righttoleft
+qml.files = righttoleft.qml layoutdirection layoutmirroring textalignment
+qml.path = $$[QT_INSTALL_EXAMPLES]/qtdeclarative/qtquick/righttoleft
+INSTALLS += target qml
+
--- /dev/null
+/****************************************************************************
+**
+** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/
+**
+** 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 2.0
+import "../../shared" as Examples
+
+/*!
+ \title QtQuick Examples - Right to Left
+ \example qtquick/Right to Left
+ \brief This is a collection of QML Right to Left examples.
+ \image qml-righttoleft-example.png
+
+ This is a collection of small QML examples relating to right to left(RTL) localization support.
+
+ Layout direction shows RTL layouting.
+ Layout mirroring shows automatic mirroring of horizontal layouts in RTL locales.
+ Text Alignment shows automatic mirroring of text alignment in RTL locales.
+*/
+
+Item {
+ height: 480
+ width: 320
+ Examples.LauncherList {
+ id: ll
+ anchors.fill: parent
+ Component.onCompleted: {
+ addExample("Layout Direction", "Shows RTL layouting in positioners and views", Qt.resolvedUrl("layoutdirection/layoutdirection.qml"));
+ addExample("Layout Mirroring", "Shows RTL layouting in basic text and anchors", Qt.resolvedUrl("layoutmirroring/layoutmirroring.qml"));
+ addExample("Text Alignment", "Shows RTL layouting in various text elements", Qt.resolvedUrl("textalignment/textalignment.qml"));
+ }
+ }
+}
--- /dev/null
+import QmlProject 1.1
+
+Project {
+ mainFile: "righttoleft.qml"
+
+ /* Include .qml, .js, and image files from current directory and subdirectories */
+ QmlFiles {
+ directory: "."
+ }
+ JavaScriptFiles {
+ directory: "."
+ }
+ ImageFiles {
+ directory: "."
+ }
+}
Rectangle {
id: root
color: "white"
- width: containerColumn.width
- height: containerColumn.height + containerColumn.anchors.topMargin
+ //width: containerColumn.width
+ //height: containerColumn.height + containerColumn.anchors.topMargin
+ width: 320
+ height: 480
property bool mirror: false
+ property int pxSz: 18
property variant horizontalAlignment: undefined
property variant editorType: ["Plain Text", "Styled Text", "Plain Rich Text", "Italic Rich Text", "Plain TextEdit", "Italic TextEdit", "TextInput"]
spacing: 10
width: editorTypeRow.width
anchors { top: parent.top; topMargin: 5 }
- Row {
+ ListView {
+ width: 320
+ height: 320
id: editorTypeRow
- Repeater {
- model: editorType.length
- Item {
- width: editorColumn.width
- height: editorColumn.height
+ model: editorType.length
+ orientation: ListView.Horizontal
+ cacheBuffer: 1000//Load the really expensive ones async if possible
+ delegate: 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: editorColumn
+ id: textColumn
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]
- }
+ anchors.horizontalCenter: parent.horizontalCenter
+ Repeater {
+ model: textComponents.length
+ delegate: textComponents[index]
}
}
}
Text {
width: 180
text: root.text[index]
- font.pixelSize: 24
+ font.pixelSize: pxSz
wrapMode: Text.WordWrap
horizontalAlignment: root.horizontalAlignment
LayoutMirroring.enabled: root.mirror
text: root.description[index]
color: Qt.rgba(1,1,1,1.0)
anchors.centerIn: parent
+ font.pixelSize: pxSz - 2
Rectangle {
z: -1
color: Qt.rgba(0.3, 0, 0, 0.3)
Text {
width: 180
text: root.text[index]
- font.pixelSize: 24
+ font.pixelSize: pxSz
wrapMode: Text.WordWrap
horizontalAlignment: root.horizontalAlignment
LayoutMirroring.enabled: root.mirror
text: root.description[index]
color: Qt.rgba(1,1,1,1.0)
anchors.centerIn: parent
+ font.pixelSize: pxSz - 2
Rectangle {
z: -1
color: Qt.rgba(0.3, 0, 0, 0.3)
Text {
width: 180
text: root.text[index]
- font.pixelSize: 24
+ font.pixelSize: pxSz
wrapMode: Text.WordWrap
horizontalAlignment: root.horizontalAlignment
LayoutMirroring.enabled: root.mirror
text: root.description[index]
color: Qt.rgba(1,1,1,1.0)
anchors.centerIn: parent
+ font.pixelSize: pxSz - 2
Rectangle {
z: -1
color: Qt.rgba(0.3, 0, 0, 0.3)
Text {
width: 180
text: "<i>" + root.text[index] + "</i>"
- font.pixelSize: 24
+ font.pixelSize: pxSz
wrapMode: Text.WordWrap
horizontalAlignment: root.horizontalAlignment
LayoutMirroring.enabled: root.mirror
text: root.description[index]
color: Qt.rgba(1,1,1,1.0)
anchors.centerIn: parent
+ font.pixelSize: pxSz - 2
Rectangle {
z: -1
color: Qt.rgba(0.3, 0, 0, 0.3)
TextEdit {
width: 180
text: root.text[index]
- font.pixelSize: 24
+ font.pixelSize: pxSz
cursorVisible: true
wrapMode: TextEdit.WordWrap
horizontalAlignment: root.horizontalAlignment
text: root.description[index]
color: Qt.rgba(1,1,1,1.0)
anchors.centerIn: parent
+ font.pixelSize: pxSz - 2
Rectangle {
z: -1
color: Qt.rgba(0.3, 0, 0, 0.3)
TextEdit {
width: 180
text: "<i>" + root.text[index] + "<i>"
- font.pixelSize: 24
+ font.pixelSize: pxSz
cursorVisible: true
wrapMode: TextEdit.WordWrap
textFormat: TextEdit.RichText
text: root.description[index]
color: Qt.rgba(1,1,1,1.0)
anchors.centerIn: parent
+ font.pixelSize: pxSz - 2
Rectangle {
z: -1
color: Qt.rgba(0.3, 0, 0, 0.3)
id: textInput
width: 180
text: root.text[index]
- font.pixelSize: 24
+ font.pixelSize: pxSz
cursorVisible: true
horizontalAlignment: root.horizontalAlignment
LayoutMirroring.enabled: root.mirror
text: root.description[index]
color: Qt.rgba(1,1,1,1.0)
anchors.centerIn: parent
+ font.pixelSize: pxSz - 2
Rectangle {
z: -1
color: Qt.rgba(0.3, 0, 0, 0.3)
projects / profile / ivi / qtdeclarative.git / commitdiff