doc/src/qtquick1/examples.qdoc

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
   4 ** Contact: http://www.qt-project.org/
   5 **
   6 ** This file is part of the documentation of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:FDL$
   9 ** GNU Free Documentation License
  10 ** Alternatively, this file may be used under the terms of the GNU Free
  11 ** Documentation License version 1.3 as published by the Free Software
  12 ** Foundation and appearing in the file included in the packaging of
  13 ** this file.
  14 **
  15 ** Other Usage
  16 ** Alternatively, this file may be used in accordance with the terms
  17 ** and conditions contained in a signed written agreement between you
  18 ** and Nokia.
  19 **
  20 **
  21 **
  22 **
  23 **
  24 ** $QT_END_LICENSE$
  25 **
  26 ****************************************************************************/
  27
  28 /*!
  29   \page qdeclarativeexamples.html
  30 \inqmlmodule QtQuick 1
  31   \title QML Examples
  32   \brief Building UIs with QML
  33   \ingroup all-examples
  34
  35
  36 Qt includes a set of examples that show how to use various aspects
  37 of QML. The examples are demonstrations of particular QML components,
  38 some are small code snippets, while others contain more complete and
  39 functional applications.
  40
  41 To run the examples, open them in Qt Creator or use the included
  42 \l {QML Viewer} tool. The \l {QML Viewer} can be run from the command line:
  43
  44 \code
  45     qmlviewer $QTDIR/examples/declarative/samegame/samegame.qml
  46 \endcode
  47
  48 On Mac OS X, you can run the included "QMLViewer" application from the
  49 Finder, or use the command line:
  50
  51 \code
  52     QMLViewer.app/Contents/MacOS/QMLViewer $QTDIR/examples/declarative/samegame/samegame.qml
  53 \endcode
  54
  55
  56 The examples can be found in Qt's \c examples/declarative directory.
  57
  58
  59 \section1 Functional Applications
  60
  61 These QML examples integrate a variety of features to demonstrate how QML
  62 can be used to produce sophisticated interfaces and applications:
  63
  64
  65 \table
  66 \row
  67
  68 \o
  69 \l{declarative/calculator}{Calculator}
  70 \image qml-calculator-example-small.png
  71
  72 \o
  73 \l{declarative/flickr}{Flickr Mobile}
  74 \image qml-flickr-demo-small.png
  75
  76 \o
  77 \l{declarative/minehunt}{Minehunt}
  78 \image qml-minehunt-demo-small.png
  79
  80 \row
  81
  82 \o
  83 \l{declarative/photoviewer}{Photo Viewer}
  84 \image qml-photoviewer-demo-small.png
  85
  86 \o
  87 \l{declarative/rssnews}{RSS News Reader}
  88 \image qml-rssnews-demo-small.png
  89
  90 \o
  91 \l{declarative/samegame}{Same Game}
  92 \image qml-samegame-demo-small.png
  93
  94 \row
  95
  96 \o
  97 \l{declarative/snake}{Snake}
  98 \image qml-snake-demo-small.png
  99
 100 \o
 101 \l{declarative/twitter}{Twitter}
 102 \image qml-twitter-demo-small.png
 103
 104 \o
 105 \l{declarative/webbrowser}{Web Browser}
 106 \image qml-webbrowser-demo-small.png
 107
 108 \endtable
 109
 110
 111 \section1 Code Snippets
 112
 113 These QML examples are small, simple applications that show how to use a particular
 114 QML component or feature. If you are new
 115 to QML, you may also find the \l{QML Tutorial}{Hello World} and
 116 \l {QML Advanced Tutorial}{Same Game} tutorials useful.
 117
 118 \section2 Animation
 119 \list
 120 \o \l{declarative/animation/basics}{Basics}
 121 \o \l{declarative/animation/behaviors}{Behaviors}
 122 \o \l{declarative/animation/easing}{Easing}
 123 \o \l{declarative/animation/states}{States}
 124 \endlist
 125
 126 \section2 Image Elements
 127 \list
 128 \o \l{declarative/imageelements/borderimage}{BorderImage}
 129 \o \l{declarative/imageelements/image}{Image}
 130 \endlist
 131
 132 \section2 Text
 133 \list
 134 \o \l{declarative/text/fonts}{Fonts}
 135 \o \l{declarative/text/textselection}{Text Selection}
 136 \endlist
 137
 138 \section2 Positioners
 139 \list
 140 \o \l{declarative/positioners}{Example}
 141 \endlist
 142
 143 \section2 Key Interaction
 144 \list
 145 \o \l{declarative/keyinteraction/focus}{Focus}
 146 \endlist
 147
 148 \section2 Touch Interaction
 149 \list
 150 \o \l{declarative/touchinteraction/mousearea}{MouseArea}
 151 \endlist
 152
 153 \section2 UI Components
 154 \list
 155 \o \l{declarative/ui-components/dialcontrol}{Dial control}
 156 \o \l{declarative/ui-components/flipable}{Flipable}
 157 \o \l{declarative/ui-components/progressbar}{Progress bar}
 158 \o \l{declarative/ui-components/scrollbar}{Scroll bar}
 159 \o \l{declarative/ui-components/searchbox}{Search box}
 160 \o \l{declarative/ui-components/slideswitch}{Slide switch}
 161 \o \l{declarative/ui-components/spinner}{Spinner}
 162 \o \l{declarative/ui-components/tabwidget}{Tab widget}
 163 \endlist
 164
 165 \section2 Toys
 166 \list
 167 \o \l{declarative/toys/clocks}{Clocks}
 168 \o \l{declarative/toys/corkboards}{Corkboards}
 169 \o \l{declarative/toys/dynamicscene}{Dynamic Scene}
 170 \o \l{declarative/toys/tic-tac-toe}{Tic Tac Toe}
 171 \o \l{declarative/toys/tvtennis}{TV Tennis}
 172 \endlist
 173
 174 \section2 Models and Views
 175 \list
 176 \o \l{declarative/modelviews/gridview}{GridView}
 177 \o \l{declarative/modelviews/listview}{ListView}
 178 \o \l{declarative/modelviews/pathview}{PathView}
 179 \o \l{declarative/modelviews/package}{Package}
 180 \o \l{declarative/modelviews/parallax}{Parallax}
 181 \o \l{declarative/modelviews/visualitemmodel}{VisualItemModel}
 182
 183 \o \l{declarative/modelviews/stringlistmodel}{String ListModel}
 184 \o \l{declarative/modelviews/objectlistmodel}{Object ListModel}
 185 \o \l{declarative/modelviews/abstractitemmodel}{AbstractItemModel}
 186
 187 \o \l{declarative/modelviews/webview}{WebView}
 188 \endlist
 189
 190 \section2 XML
 191 \list
 192 \o \l{declarative/xml/xmlhttprequest}{XmlHttpRequest}
 193 \endlist
 194
 195 \section2 Internationalization (i18n)
 196 \list
 197 \o \l{declarative/i18n}{Example}
 198 \endlist
 199
 200 \section2 Right-to-left User Interfaces
 201 \list
 202 \o \l{declarative/righttoleft/layoutmirroring}{Layout mirroring}
 203 \o \l{declarative/righttoleft/layoutdirection}{Layout direction}
 204 \o \l{declarative/righttoleft/textalignment}{Text alignment}
 205 \endlist
 206
 207 \section2 Threading
 208 \list
 209 \o \l{declarative/threading/threadedlistmodel}{Threaded ListModel}
 210 \o \l{declarative/threading/workerscript}{WorkerScript}
 211 \endlist
 212
 213 \section2 Screen Orientation
 214 \list
 215 \o \l{declarative/screenorientation}{Example}
 216 \endlist
 217
 218 \section2 SQL Local Storage
 219 \list
 220 \o \l{declarative/sqllocalstorage}{Example}
 221 \endlist
 222
 223 \section2 C++ Extensions
 224 \list
 225 \o \l{declarative-cppextensions-reference.html}{Reference examples}
 226 \o \l{declarative/cppextensions/plugins}{Plugins}
 227 \o \l{declarative-cppextensions-qgraphicslayouts.html}{QGraphicsLayouts}
 228 \o \l{declarative/cppextensions/qwidgets}{QWidgets}
 229 \o \l{declarative/cppextensions/imageprovider}{Image provider}
 230 \o \l{declarative/cppextensions/networkaccessmanagerfactory}{Network access manager factory}
 231 \endlist
 232
 233 \section2 Scenegraph
 234 \list
 235 \o \l{declarative/painteditem/textballoons}{Painted Item}
 236 \endlist
 237
 238 \section1 Labs
 239
 240 \list
 241 \o \l{src/imports/folderlistmodel}{Folder List Model} - a C++ model plugin
 242 \endlist
 243
 244 */
 245