summaryrefslogtreecommitdiff
path: root/doc/qtcreator.qdoc
diff options
context:
space:
mode:
authorLeena Miettinen <riitta-leena.miettinen@nokia.com>2010-04-12 17:07:25 +0200
committerLeena Miettinen <riitta-leena.miettinen@nokia.com>2010-04-13 13:37:15 +0200
commit1c570e877d94b6572d9f9f038e7e32d19ce84e3d (patch)
tree2c3a9b900cb73af8cc666efe550a5164efe68971 /doc/qtcreator.qdoc
parent0a0388f8088d37c83f5dbb9859bd1849e212dea3 (diff)
downloadqt-creator-1c570e877d94b6572d9f9f038e7e32d19ce84e3d.tar.gz
Add information about enabling the experimental Qt Quick visual editor.
Reviewed-by: Kai Koehne
Diffstat (limited to 'doc/qtcreator.qdoc')
-rw-r--r--doc/qtcreator.qdoc43
1 files changed, 36 insertions, 7 deletions
diff --git a/doc/qtcreator.qdoc b/doc/qtcreator.qdoc
index e1605a2f89..56f31dd05b 100644
--- a/doc/qtcreator.qdoc
+++ b/doc/qtcreator.qdoc
@@ -126,9 +126,14 @@
You use a visual editor to create items, screens, and applications, as well as define changes
in their state. \QMLD generates the necessary code for you.
+
+ \note The visual \QMLD editor is provided as an experimental plugin that you must
+ enable to be able to edit QML files in the \gui Design mode. Enabling the
+ visual editor can negatively affect the overall stability of Qt Creator.
+
You can edit the code in the code editor to add transitions from one state to another,
and interaction to specify user actions that change the states. You
- can use Qt to implement the application logic.
+ can use Qt or JavaScript to implement the application logic.
\section1 Coding Applications
@@ -542,13 +547,21 @@
\section1 Using Qt Quick Designer
- You can edit .qml files in either the visual \QMLD editor or in the
+ You can edit .qml files in the visual \QMLD editor or in the
code editor.
In \gui Projects, double-click a .qml file to open it in the code
editor. Then select the \gui {Design} mode to edit the file in the
visual editor.
+ \note The visual \QMLD editor is provided as an experimental plugin that you must
+ enable to be able to edit QML files in the \gui Design mode. Enabling the
+ visual editor can negatively affect the overall stability of Qt Creator.
+
+ To enable or disable the \QMLD visual editor, select
+ \gui {Help > About Plugins... > Qt Quick > QmlDesigner}. You must restart Qt Creator
+ to enable or disable the visual editor.
+
\image qmldesigner-visual-editor.png "Visual editor"
Use the visual editor panes to manage your project:
@@ -1820,19 +1833,24 @@
\section1 Designing the User Interface
- \list
+ \list 1
\o In the \gui{Edit} mode, double-click the HelloWorld.qml file in
- the \gui{Projects} pane to open it in the visual \QMLD editor.
+ the \gui{Projects} pane to open it in the code editor.
- \o Click \gui{Edit} to edit the screen size in the code editor.
- To set the screen size to that of some Symbian devices in portrait
+ \o To set the screen size to that of some Symbian devices in portrait
mode, for example, change the \c width to \bold 240 and \c height to \bold 320.
\image qmldesigner-helloworld-screen-size.png "Setting the screen size"
\o Click \gui{Design} to design the UI in the visual editor.
+ \note The visual \QMLD editor is provided as an experimental plugin that you must
+ enable to be able to edit QML files in the \gui Design mode. Enabling the
+ visual editor can negatively affect the overall stability of Qt Creator.
+
+ \o Restart Qt Creator to enable the visual editor.
+
\o Drag and drop a \gui {Rectangle} from the \gui {Library} pane to the
scene.
@@ -1840,7 +1858,7 @@
\o Edit the \gui {Properties} of the component to turn it into a red ball:
- \list
+ \list a
\o In the \gui {Colors} section, click the color picker to select a red
color.
@@ -3762,6 +3780,17 @@
\l {http://qt.nokia.com/doc/4.7-snapshot/qdeclarativeexamples.html} {QML examples and demos}
to learn how to use various aspects of QML.
+ You can use the code editor (\gui Edit mode) or the visual editor
+ (\gui Design mode) to develop Qt Quick applications.
+
+ \note The visual \QMLD editor is provided as an experimental plugin that you must
+ enable to be able to edit QML files in the \gui Design mode. Enabling the
+ visual editor can negatively affect the overall stability of Qt Creator.
+
+ To enable or disable the \QMLD visual editor, select
+ \gui {Help > About Plugins... > Qt Quick > QmlDesigner}. You must restart Qt Creator
+ to enable or disable the visual editor.
+
\section1 Creating Qt Quick Projects
Select \gui {File > New File or Project > Qt Quick Project > Qt QML Application}.