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: Thomas Hartmann <Thomas.Hartmann@digia.com>
This commit is contained in:
Leena Miettinen
2013-10-07 13:45:08 +02:00
parent 5bc6f9cee1
commit bd9c842a38
11 changed files with 47 additions and 85 deletions

View File

@@ -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
\section1 Related Topics
\list
\li \l {Creating Qt Quick Projects}
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}
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}
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}
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}
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.
\endlist
*/
/*!
\contentspage index.html
\previouspage quick-export-to-qml.html
\page quick-application-logic.html
\nextpage creator-qml-modules-with-plugins.html
\title 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}.
*/

View File

@@ -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

View File

@@ -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

View File

@@ -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}.
*/