Commit bd9c842a authored by Leena Miettinen's avatar Leena Miettinen

Doc: restructure UI design section

Remove graphics and combine some short topics to
put more weight on Qt Quick development instead of
generic UI development.

Change-Id: Ief2041022e0ccb407c26b0742825613223082f0a
Reviewed-by: default avatarThomas Hartmann <Thomas.Hartmann@digia.com>
parent 5bc6f9ce
......@@ -190,10 +190,7 @@
\li \l {Creating Buttons}
\li \l {Creating Scalable Buttons and Borders}
\li \l {Creating Screens}
\li \l {Animating Screens}
\li \l {Adding User Interaction Methods}
\li \l {Exporting Designs from Graphics Software}
\li \l {Implementing Application Logic}
\li \l {Using QML Modules with Plugins}
\endlist
\li \l{Developing Widget Based Applications}
......
......@@ -31,67 +31,40 @@
\title Developing Qt Quick Applications
You can either create Qt Quick projects from scratch or import existing
projects to \QC.
You can use the code editor (\l{Working in Edit Mode}{Edit mode}) or the
visual editor (\l{Using Qt Quick Designer}{Design mode}) to develop Qt Quick
applications.
Typically, application development proceeds as follows:
\table
\row
\li \inlineimage creator_createproject.png
\li \inlineimage creator_createcomponents.png
\li \inlineimage creator_createscreen.png
\row
\li \l {Creating Qt Quick Projects}{Create or import projects.}
\li \l {Creating Components}{Create components.}
\li \l {Creating Screens}{Create screens.}
\row
\li \inlineimage creator_createanimation.png
\li \inlineimage creator_createuserinter.png
\li \inlineimage creator_createcode.png
\row
\li \l {Animating Screens}{Add animation to screens.}
\li \l {Adding User Interaction Methods}
{Add user interaction methods.}
\li \l {Implementing Application Logic}
{Implement the application logic.}
\endtable
\list
\section1 Related Topics
\li \l {Creating Qt Quick Projects}
\list
You can either create Qt Quick projects from scratch or import
existing projects to \QC.
\li \l {Using Qt Quick Designer}
\li \l {Creating Buttons}
\li \l {Creating Scalable Buttons and Borders}
\li \l {Exporting Designs from Graphics Software}
\li \l {Using QML Modules with Plugins}
\endlist
*/
You can use the code editor (Edit mode) or the visual editor (Design
mode) to develop Qt Quick applications.
\li \l {Creating Components}
/*!
You can use predefined QML types to create components or use a set
of Qt Quick Controls for creating classic desktop-style user
interfaces using Qt Quick 2.1 (available since Qt 5.1).
\li \l {Creating Screens}
\contentspage index.html
\previouspage quick-export-to-qml.html
\page quick-application-logic.html
\nextpage creator-qml-modules-with-plugins.html
You can use predefined QML types, Qt Quick Controls, and your own
components to create screens. You can use states and transitions to
navigate between screens.
\li \l {Exporting Designs from Graphics Software}
\title Implementing Application Logic
You can export designs from graphics software, such as Adobe
Photoshop and GIMP, to QML files. You can then edit QML files in
\QC.
\li \l {Using QML Modules with Plugins}
A user interface is only a part of an application, and not really useful by itself.
You can use Qt or JavaScript to implement the application logic. For more information on
using JavaScript, see
\l{http://qt-project.org/doc/qt-5.0/qtqml/qtqml-javascript-topic.html}
{Integrating QML and JavaScript}.
QML modules may use plugins to expose components defined in C++ to
QML applications. \QC cannot load the plugins to determine the
details of the contained components, and therefore, the modules must
provide extra type information for code completion and the semantic
checks to work correctly.
For an example of how to use JavaScript to develop a game, see the
\l{http://qt-project.org/doc/qt-5.0/qtquick/qtquick2-qml-advtutorial.html}
{QML Advanced Tutorial}.
\endlist
*/
*/
......@@ -25,9 +25,9 @@
/*!
\contentspage index.html
\previouspage quick-user-interaction.html
\previouspage quick-screens.html
\page quick-export-to-qml.html
\nextpage quick-application-logic.html
\nextpage creator-qml-modules-with-plugins.html
\title Exporting Designs from Graphics Software
......
......@@ -24,7 +24,7 @@
/*!
\contentspage index.html
\previouspage quick-application-logic.html
\previouspage quick-export-to-qml.html
\page creator-qml-modules-with-plugins.html
\nextpage creator-using-qt-designer.html
......
......@@ -27,7 +27,7 @@
\contentspage index.html
\previouspage quick-scalable-image.html
\page quick-screens.html
\nextpage quick-animations.html
\nextpage quick-export-to-qml.html
\title Creating Screens
......@@ -183,17 +183,7 @@
\endlist
*/
/*!
\contentspage index.html
\previouspage quick-screens.html
\page quick-animations.html
\nextpage quick-user-interaction.html
\title Animating Screens
\section1 Animating Screens
To make movement between states smooth, you can specify transitions. You can
use different types of animated transitions. For example, you can animate
......@@ -210,17 +200,7 @@
see \l{http://qt-project.org/doc/qt-5.0/qtquick/qml-qtquick2-transition.html}
{Transition}.
*/
/*!
\contentspage index.html
\previouspage quick-animations.html
\page quick-user-interaction.html
\nextpage quick-export-to-qml.html
\title Adding User Interaction Methods
\section1 Adding User Interaction Methods
You can add the following basic interaction methods to scenes:
......@@ -242,4 +222,16 @@
\endlist
\section1 Implementing Application Logic
A user interface is only a part of an application, and not really useful by itself.
You can use Qt or JavaScript to implement the application logic. For more information on
using JavaScript, see
\l{http://qt-project.org/doc/qt-5.0/qtqml/qtqml-javascript-topic.html}
{Integrating QML and JavaScript}.
For an example of how to use JavaScript to develop a game, see the
\l{http://qt-project.org/doc/qt-5.0/qtquick/qtquick2-qml-advtutorial.html}
{QML Advanced Tutorial}.
*/
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment