doc/src/examples/examples.qdoc

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2012 Digia Plc and/or its subsidiary(-ies).
   4 ** Contact: http://www.qt-project.org/legal
   5 **
   6 ** This file is part of the documentation of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:FDL$
   9 ** Commercial License Usage
  10 ** Licensees holding valid commercial Qt licenses may use this file in
  11 ** accordance with the commercial license agreement provided with the
  12 ** Software or, alternatively, in accordance with the terms contained in
  13 ** a written agreement between you and Digia.  For licensing terms and
  14 ** conditions see http://qt.digia.com/licensing.  For further information
  15 ** use the contact form at http://qt.digia.com/contact-us.
  16 **
  17 ** GNU Free Documentation License Usage
  18 ** Alternatively, this file may be used under the terms of the GNU Free
  19 ** Documentation License version 1.3 as published by the Free Software
  20 ** Foundation and appearing in the file included in the packaging of
  21 ** this file.  Please review the following information to ensure
  22 ** the GNU Free Documentation License version 1.3 requirements
  23 ** will be met: http://www.gnu.org/copyleft/fdl.html.
  24 ** $QT_END_LICENSE$
  25 **
  26 ****************************************************************************/
  27
  28 /*!
  29
  30 \page qtquick-codesamples.html
  31 \title Qt Quick Code Samples
  32 \brief Building UIs with QML
  33 \ingroup all-examples
  34 \ingroup qtquick
  35 \target qtquick-samples
  36 \inqmlmodule QtQuick 2
  37
  38 These are code samples that show how to use various aspects of Qt Quick. Larger
  39 compound interfaces are grouped as applications as they demonstrate more Qt
  40 Quick features.
  41
  42 To run the sample applications, open them in Qt Creator or use the included
  43 \l {Prototyping with qmlscene}{qmlscene} tool.
  44
  45 Some of these code samples have a corresponding \l{qtquick-tutorials}{tutorial}.
  46 The Qt Quick features are covered in the \l {qtquick-overviews}{main page}.
  47 This set of code samples are part of the collection of \l{Qt Examples}.
  48
  49 \div {class="threecolumn_area"}
  50     \div {class="heading"}
  51     Qt Quick Applications
  52     \enddiv
  53     \div {class="threecolumn_piece"}
  54         \l{demos/calculator}{Calculator}
  55         \image qml-calculator-example-small.png
  56     \enddiv
  57     \div {class="threecolumn_piece"}
  58         \l{demos/flickr}{Flickr Mobile}
  59         \image qml-flickr-demo-small.png
  60     \enddiv
  61     \div {class="threecolumn_piece"}
  62         \l{demos/minehunt}{Minehunt}
  63         \image qml-minehunt-demo-small.png
  64     \enddiv
  65     \div {class="threecolumn_piece"}
  66         \l{demos/photoviewer}{Photo Viewer}
  67         \image qml-photoviewer-demo-small.png
  68     \enddiv
  69     \div {class="threecolumn_piece"}
  70         \l{demos/rssnews}{RSS News Reader}
  71         \image qml-rssnews-demo-small.png
  72     \enddiv
  73     \div {class="threecolumn_piece"}
  74         \l{demos/samegame}{Same Game}
  75         \image qml-samegame-demo-small.png
  76     \enddiv
  77     \div {class="threecolumn_piece"}
  78         \l{demos/snake}{Snake}
  79         \image qml-snake-demo-small.png
  80     \enddiv
  81     \div {class="threecolumn_piece"}
  82         \l{demos/twitter}{Twitter}
  83         \image qml-twitter-demo-small.png
  84     \enddiv
  85     \div {class="threecolumn_piece"}
  86         \l{demos/webbrowser}{Web Browser}
  87         \image qml-webbrowser-demo-small.png
  88     \enddiv
  89 \enddiv
  90 \div {class="threecolumn_area"}
  91     \div {class="heading"}
  92     QML Examples
  93     \enddiv
  94     Code samples demonstrate a general use for QML features. Some showcase
  95     how elements or properties can be used in an application.
  96     \li \l{quick/keyinteraction}{Keyboard Focus}
  97     \li \l{quick/mousearea}{MouseArea}
  98     \li \l{quick/animation}{Animations}
  99     \li \l{quick/positioners}{Positioners}
 100     \li \l{quick/righttoleft}{Right to Left}
 101     \li \l{quick/modelviews}{Model Views}
 102     \li \l{quick/imageelements}{Image Elements}
 103     \li \l{localstorage}{SQL Local Storage}
 104     \li \l{qml/xmlhttprequest}{XmlHttpRequest}
 105     \li \l{qml/i18n}{Translation}
 106     \li \l{quick/threading}{Threading}
 107     \li \l{quick/shadereffects}{Shader Effects}
 108     \endlist
 109 \enddiv
 110 \div {class="threecolumn_area"}
 111     \div {class="heading"}
 112         QDeclarative Examples
 113     \enddiv
 114     These examples show how a QML based UI could interact with the
 115     QDeclarative module.
 116     \div {class="threecolumn_piece"}
 117         \div {class="heading"}
 118         From Qt C++ to QML
 119         \enddiv
 120         \list
 121         \li \l {qml/cppextensions/referenceexamples/adding}{Exporting C++ Classes}
 122         \li \l {qml/cppextensions/referenceexamples/properties}{Exporting Qt C++ Properties}
 123         \li \l {qml/cppextensions/referenceexamples/coercion}{C++ Inheritance and Coercion}
 124         \li \l {qml/cppextensions/referenceexamples/default}{Default Property}
 125         \li \l {qml/cppextensions/referenceexamples/grouped}{Grouped Properties}
 126         \li \l {qml/cppextensions/referenceexamples/attached}{Attached Properties}
 127         \li \l {qml/cppextensions/referenceexamples/signal}{Signal Support}
 128         \li \l {qml/cppextensions/referenceexamples/methods}{Methods Support}
 129         \li \l {qml/cppextensions/referenceexamples/valuesource}{Property Value Source}
 130         \li \l {qml/cppextensions/referenceexamples/binding}{Binding}
 131         \endlist
 132     \enddiv
 133     \div {class="threecolumn_piece"}
 134         \div {class="heading"}
 135         Plugins and Resources
 136         \enddiv
 137         \list
 138         \li \l{qml/cppextensions/plugins}{Plugins}
 139         \li \l{qml/cppextensions/imageprovider}{Image Provider}
 140         \li \l{qml/cppextensions/networkaccessmanagerfactory}{Network Access Manager}
 141         \li \l{src/imports/folderlistmodel}{Folder List Model} - a C++ model plugin
 142         \endlist
 143     \enddiv
 144     \div {class="threecolumn_piece"}
 145         \div {class="heading"}
 146         Qt UI and QML Integration
 147         \enddiv
 148         \list
 149         \li \l{qml-cppextensions-qgraphicslayouts.html}{QGraphicsLayouts}
 150         \li \l{qml/cppextensions/qwidgets}{QWidgets}
 151         \endlist
 152     \enddiv
 153     \div {class="threecolumn_piece"}
 154         \div {class="heading"}
 155         UI Components
 156         \enddiv
 157         \list
 158         \li \l{tutorials/ui-components/dialcontrol}{Dial Control}
 159         \li \l{tutorials/ui-components/flipable}{Flipable}
 160         \li \l{tutorials/ui-components/progressbar}{Progress Bar}
 161         \li \l{tutorials/ui-components/scrollbar}{Scroll Bar}
 162         \li \l{tutorials/ui-components/searchbox}{Search Box}
 163         \li \l{tutorials/ui-components/slideswitch}{Slide Switch}
 164         \li \l{tutorials/ui-components/spinner}{Spinner}
 165         \li \l{tutorials/ui-components/tabwidget}{Tab Widget}
 166         \endlist
 167     \enddiv
 168 \enddiv
 169
 170 \div {class="threecolumn_area"}
 171     \div {class="heading"}
 172         Learning and Resources
 173     \enddiv
 174     The Qt Developer Network contains additional content such as learning
 175     videos, a wiki, and a forum for posting questions.
 176     \div {class="threecolumn_piece"}
 177         \div {class="heading"}
 178             Elements and Components
 179         \enddiv
 180         \list
 181         \li \l{QML Types provided by the QtQuick Module}
 182         \li \l{external: Qt Mobility QML Plugins}{QML Plugins}
 183         \li \l{external: Qt Quick Components for Symbian}{Symbian Components}
 184         \li MeeGo Components
 185         \li \l{QtWebKit QML Module}
 186         \endlist
 187     \enddiv
 188     \div {class="threecolumn_piece"}
 189         \div {class="heading"}
 190             Qt Developer Network
 191         \enddiv
 192         \list
 193         \li \l{Qt eLearning}{Training Materials}
 194         \li \l{Forums on Qt Developer Network}{Forums}
 195         \li \l{Wiki on Qt Developer Network}{Wiki}
 196         \endlist
 197     \enddiv
 198     \div {class="threecolumn_piece"}
 199         \div {class="heading"}
 200             Reference
 201         \enddiv
 202         \list
 203         \li \l{All Classes}{Qt API}
 204         \li \l{external: Qt Creator Manual}{Qt Creator Manual}
 205         \li \l{Develop with Qt}
 206         \endlist
 207     \enddiv
 208 \enddiv
 209 */