Commit 41f4c1fa authored by Leena Miettinen's avatar Leena Miettinen
Browse files

Doc: update the Qt Quick tutorial (built-in) elements



Update all screenshots.

Change-Id: Ib3f07b940f4121caa5ff567d070c448b81e2f124
Reviewed-by: default avatarThomas Hartmann <Thomas.Hartmann@nokia.com>
parent 1c1320c4
......@@ -4,7 +4,7 @@
//! [0]
import QtQuick 1.0
import QtQuick 1.1
Rectangle {
id: page
......
doc/images/qmldesigner-solid-color-button.png

349 Bytes | W: | H:

doc/images/qmldesigner-solid-color-button.png

364 Bytes | W: | H:

doc/images/qmldesigner-solid-color-button.png
doc/images/qmldesigner-solid-color-button.png
doc/images/qmldesigner-solid-color-button.png
doc/images/qmldesigner-solid-color-button.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-transparent-button.png

562 Bytes | W: | H:

doc/images/qmldesigner-transparent-button.png

550 Bytes | W: | H:

doc/images/qmldesigner-transparent-button.png
doc/images/qmldesigner-transparent-button.png
doc/images/qmldesigner-transparent-button.png
doc/images/qmldesigner-transparent-button.png
  • 2-up
  • Swipe
  • Onion skin
doc/images/qmldesigner-tutorial.png

18.8 KB | W: | H:

doc/images/qmldesigner-tutorial.png

5.74 KB | W: | H:

doc/images/qmldesigner-tutorial.png
doc/images/qmldesigner-tutorial.png
doc/images/qmldesigner-tutorial.png
doc/images/qmldesigner-tutorial.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -35,7 +35,7 @@
\note To complete this tutorial, you must have Qt 4.7 or later installed.
This tutorial uses basic elements and illustrates basic concepts of
This tutorial uses built-in QML elements and illustrates basic concepts of
\l {http://doc.qt.nokia.com/4.7/qtquick.html}{Qt Quick}.
This tutorial describes how to use the \QC to implement the
......@@ -53,8 +53,8 @@
\list 1
\o Select \gui{File > New File or Project > Qt Quick Project > Qt Quick
Application > Choose}.
\o Select \gui{File > New File or Project > Applications >
Qt Quick Application (Built-in Elements) > Choose}.
\o In the \gui{Name} field, type \bold {Transitions}.
......@@ -150,7 +150,7 @@
\o In the \gui Colors group, \gui Rectangle field, click the
\inlineimage qmldesigner-transparent-button.png
button to make the rectangle transparent.
(\gui Transparent) button to make the rectangle transparent.
\o In the \gui Border field, set the border color to #808080.
......@@ -161,7 +161,7 @@
border color, try setting the border color to solid by clicking
the
\inlineimage qmldesigner-solid-color-button.png
button.
(\gui {Solid Color}) button.
\o In the \gui Radius field, select 6 to create rounded corners for
the rectangle.
......@@ -187,7 +187,8 @@
\o Click \gui {Layout}, and then click the
\inlineimage qmldesigner-anchor-fill-screen.png
button to anchor the mouse area to the rectangle.
(\gui {Fill to Parent}) button to anchor the mouse area to the
rectangle.
\o In the code editor, edit the pointer to the clicked expression
in the mouse area element, as illustrated by the following code
......
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