--- /dev/null
+/****************************************************************************
+**
+** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
+** Contact: http://www.qt-project.org/
+**
+** This file is part of the documentation of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:FDL$
+** GNU Free Documentation License
+** Alternatively, this file may be used under the terms of the GNU Free
+** Documentation License version 1.3 as published by the Free Software
+** Foundation and appearing in the file included in the packaging of
+** this file.
+**
+** Other Usage
+** Alternatively, this file may be used in accordance with the terms
+** and conditions contained in a signed written agreement between you
+** and Nokia.
+**
+**
+**
+**
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+/*!
+ \title QML Examples - Internationalization
+ \example declarative/i18n
+ \image qml-i18n-example.png
+ \brief This is an internationalization example
+*/
+/*!
+ \title QML Examples - Shader Effects
+ \example declarative/shadereffects
+ \image qml-shadereffects-example.png
+ \brief This is a shader effects example
+
+ This example demonstrates a couple of visual effects that you can perform
+ with shaders in QtQuick 2.0
+*/
+/*!
+ \title QML Examples - Positioners
+ \example declarative/positioners
+ \brief This is a positioners example
+ \image qml-positioners-example.png
+
+ This example demonstrates the positioners and some of their animations.
+*/
+/*!
+ \title QML Examples - Animation
+ \example declarative/animation
+ \brief This is a collection of QML examples
+ \image qml-animations-example.png
+
+ This is a collection of small QML examples relating to animation. Each example is
+ a small QML file, usually containing or emphasizing a particular element or
+ feature. You can run and observe the behavior of each example.
+*/
+/*!
+ \title QML Examples - Image Elements
+ \example declarative/imageelements
+ \brief This is a collection of QML examples
+ \image qml-imageelements-example.png
+
+ This is a collection of small QML examples relating to image elements. Each example is
+ a small QML file, usually containing or emphasizing a particular element or
+ feature. You can run and observe the behavior of each example.
+*/
+/*!
+ \title QML Examples - Models and Views
+ \example declarative/modelviews
+ \brief This is a collection of QML examples
+ \image qml-modelviews-example.png
+
+ This is a collection of small QML examples relating to models and views. Each example is
+ a small QML file, usually containing or emphasizing a particular element or
+ feature. You can run and observe the behavior of each example.
+*/
+/*!
+ \title QML Examples - Text
+ \example declarative/text
+ \brief This is a collection of QML examples
+ \image qml-text-example.png
+
+ This is a collection of small QML examples relating to text. Each example is
+ a small QML file, usually containing or emphasizing a particular element or
+ feature. You can run and observe the behavior of each example.
+*/
+/*!
+ \title QML Examples - Touch Interaction
+ \example declarative/touchinteraction
+ \brief This is a collection of QML examples
+ \image qml-touchinteraction-example.png
+
+ This is a collection of small QML examples relating to touch and multi-point touch. Each example is
+ a small QML file, usually containing or emphasizing a particular element or
+ feature. You can run and observe the behavior of each example.
+*/
--- /dev/null
+import QmlProject 1.1
+
+Project {
+ mainFile: "animation.qml"
+
+ /* Include .qml, .js, and image files from current directory and subdirectories */
+ QmlFiles {
+ directory: "."
+ }
+ JavaScriptFiles {
+ directory: "."
+ }
+ ImageFiles {
+ directory: "."
+ }
+}
**
****************************************************************************/
import QtQuick 2.0
-import "content"
Item {
property alias mode: image.fillMode
Image {
id: image
width: parent.width; height: parent.height - captionItem.height
- source: "content/qt-logo.png"
+ source: "qt-logo.png"
clip: true // only makes a difference if mode is PreserveAspectCrop
smooth: true
}
****************************************************************************/
import QtQuick 2.0
+import "content"
Rectangle {
width: 490
** $QT_END_LICENSE$
**
****************************************************************************/
+
import QtQuick 2.0
-import "content"
+import "../shared"
Item {
- property alias mode: image.fillMode
- property alias caption: captionItem.text
-
- width: parent.cellWidth; height: parent.cellHeight
-
- Image {
- id: image
- width: parent.width; height: parent.height - captionItem.height
- source: "content/qt-logo.png"
- clip: true // only makes a difference if mode is PreserveAspectCrop
- smooth: true
- }
-
- Text {
- id: captionItem
- anchors.horizontalCenter: parent.horizontalCenter; anchors.bottom: parent.bottom
+ height: 480
+ width: 640
+ LauncherList {
+ id: ll
+ anchors.fill: parent
+ Component.onCompleted: {
+ addExample("BorderImage", "An image with scaled borders", Qt.resolvedUrl("borderimage.qml"));
+ addExample("Image", "A showcase of the options available to Image", Qt.resolvedUrl("image.qml"));
+ addExample("Shadows", "Rectangles with a drop-shadow effect", Qt.resolvedUrl("shadows.qml"));
+ addExample("Simple Sprite", "A simple sprite-based animation", Qt.resolvedUrl("simplesprite.qml"));
+ addExample("Sprite Image", "A sprite-based animation with complex transitions", Qt.resolvedUrl("spriteimage.qml"));
+ }
}
}
--- /dev/null
+import QmlProject 1.1
+
+Project {
+ mainFile: "imageelements.qml"
+
+ /* Include .qml, .js, and image files from current directory and subdirectories */
+ QmlFiles {
+ directory: "."
+ }
+ JavaScriptFiles {
+ directory: "."
+ }
+ ImageFiles {
+ directory: "."
+ }
+}
anchors { top: myIcon.bottom; horizontalCenter: parent.horizontalCenter }
text: name
}
+ MouseArea {
+ anchors.fill: parent
+ onClicked: parent.GridView.view.currentIndex = index
+ }
}
}
Item {
height: 480
- width: 320
+ width: 480
LauncherList {
id: ll
anchors.fill: parent
Component.onCompleted: {
- addExample("ColorAnimation", "Interpolates between colors", Qt.resolvedUrl("basics/color-animation.qml"));
- addExample("PropertyAnimation", "Interpolates between numbers", Qt.resolvedUrl("basics/property-animation.qml"));
- addExample("Behaviors", "Animates procedural movement", Qt.resolvedUrl("behaviors/behavior-example.qml"));
- addExample("WigglyText", "Text that wiggles as you drag it", Qt.resolvedUrl("behaviors/wigglytext.qml"));
- addExample("Easing Curves", "Compare available easing curves", Qt.resolvedUrl("easing/easing.qml"));
- addExample("States", "Simple states", Qt.resolvedUrl("states/states.qml"));
- addExample("Transitions", "Simple states with animated transitions", Qt.resolvedUrl("states/transitions.qml"));
- addExample("PathAnimation", "Animate along a path", Qt.resolvedUrl("pathanimation/pathanimation.qml"));
- addExample("PathInterpolator", "Interpolates along a path", Qt.resolvedUrl("pathinterpolator/pathinterpolator.qml"));
+ addExample("Dynamic List", "A ListView harboring dynamic data", Qt.resolvedUrl("listview/dynamiclist.qml"));
+ addExample("Expanding Delegates", "Delegates that expand to fill the list when clicked", Qt.resolvedUrl("listview/expandingdelegates.qml"));
+ addExample("Highlight", "Adding a highlight to the current item", Qt.resolvedUrl("listview/highlight.qml"));
+ addExample("Sections", "A ListView with section headers", Qt.resolvedUrl("listview/sections.qml"));
+ addExample("GridView", "A view laid out in a grid", Qt.resolvedUrl("gridview/gridview-example.qml"));
+ addExample("PathView", "A view laid out along a path", Qt.resolvedUrl("pathview/pathview-example.qml"));
+ addExample("Package", "Using a package to transition items between views", Qt.resolvedUrl("package/view.qml"));
+ addExample("Parallax", "Adds a background and a parallax effect to a ListView", Qt.resolvedUrl("parallax/parallax.qml"));
+ addExample("Slideshow", "A model demonstrating delayed image loading", Qt.resolvedUrl("visualdatamodel/slideshow.qml"));
+ addExample("Sorted Model", "Two views on a model, one of which is sorted", Qt.resolvedUrl("visualdatamodel/sortedmodel.qml"));
+ addExample("VisualItemModel", "A model that consists of the actual Items", Qt.resolvedUrl("visualitemmodel/visualitemmodel.qml"));
}
}
}
--- /dev/null
+import QmlProject 1.1
+
+Project {
+ mainFile: "modelviews.qml"
+
+ /* Include .qml, .js, and image files from current directory and subdirectories */
+ QmlFiles {
+ directory: "."
+ }
+ JavaScriptFiles {
+ directory: "."
+ }
+ ImageFiles {
+ directory: "."
+ }
+}
****************************************************************************/
import QtQuick 2.0
+import "content"
Image {
width: 640
Image {
width: 160
height: 140
- source: "qt-logo.png"
+ source: "content/qt-logo.png"
smooth: true
}
Image {
width: 160
height: 140
- source: "face-smile.png"
+ source: "content/face-smile.png"
smooth: true
}
}
Rectangle {
id: bg
anchors.fill: parent
- color: "black"
+ color: "white"
}
MouseArea{
anchors.fill: parent
anchors.bottom: parent.bottom
width: parent.width
height: 40
+ MouseArea{
+ anchors.fill: parent
+ enabled: ei.visible
+ //Eats mouse events
+ }
Image {
source: "back.png"
anchors.verticalCenter: parent.verticalCenter
** $QT_END_LICENSE$
**
****************************************************************************/
+
import QtQuick 2.0
-import "content"
+import "../shared"
Item {
- property alias mode: image.fillMode
- property alias caption: captionItem.text
-
- width: parent.cellWidth; height: parent.cellHeight
-
- Image {
- id: image
- width: parent.width; height: parent.height - captionItem.height
- source: "content/qt-logo.png"
- clip: true // only makes a difference if mode is PreserveAspectCrop
- smooth: true
- }
-
- Text {
- id: captionItem
- anchors.horizontalCenter: parent.horizontalCenter; anchors.bottom: parent.bottom
+ height: 480
+ width: 480
+ LauncherList {
+ id: ll
+ anchors.fill: parent
+ Component.onCompleted: {
+ addExample("Hello", "An Animated Hello World", Qt.resolvedUrl("fonts/hello.qml"));
+ addExample("Fonts", "Using various fonts with a Text element", Qt.resolvedUrl("fonts/fonts.qml"));
+ addExample("Available Fonts", "A list of your available fonts", Qt.resolvedUrl("fonts/availableFonts.qml"));
+ addExample("Banner", "Large, scrolling text", Qt.resolvedUrl("fonts/banner.qml"));
+ }
}
}
--- /dev/null
+import QmlProject 1.1
+
+Project {
+ mainFile: "text.qml"
+
+ /* Include .qml, .js, and image files from current directory and subdirectories */
+ QmlFiles {
+ directory: "."
+ }
+ JavaScriptFiles {
+ directory: "."
+ }
+ ImageFiles {
+ directory: "."
+ }
+}
** $QT_END_LICENSE$
**
****************************************************************************/
+
import QtQuick 2.0
-import "content"
+import "../shared"
Item {
- property alias mode: image.fillMode
- property alias caption: captionItem.text
-
- width: parent.cellWidth; height: parent.cellHeight
-
- Image {
- id: image
- width: parent.width; height: parent.height - captionItem.height
- source: "content/qt-logo.png"
- clip: true // only makes a difference if mode is PreserveAspectCrop
- smooth: true
- }
-
- Text {
- id: captionItem
- anchors.horizontalCenter: parent.horizontalCenter; anchors.bottom: parent.bottom
+ height: 480
+ width: 320
+ LauncherList {
+ id: ll
+ anchors.fill: parent
+ Component.onCompleted: {
+ addExample("MouseArea", "Using the basic touch input element", Qt.resolvedUrl("mousearea/mousearea-example.qml"));
+ addExample("Multipoint Flames", "Create multiple flames with multiple fingers", Qt.resolvedUrl("multipointtouch/multiflame.qml"));
+ addExample("Bear-Whack", "Use multiple touches to knock all the bears down", Qt.resolvedUrl("multipointtouch/bearwhack.qml"));
+ addExample("Flick Resize", "Manipulate images using pinch gestures", Qt.resolvedUrl("pincharea/flickresize.qml"));
+ }
}
}
--- /dev/null
+import QmlProject 1.1
+
+Project {
+ mainFile: "touchinteraction.qml"
+
+ /* Include .qml, .js, and image files from current directory and subdirectories */
+ QmlFiles {
+ directory: "."
+ }
+ JavaScriptFiles {
+ directory: "."
+ }
+ ImageFiles {
+ directory: "."
+ }
+}