diff options
author | Leena Miettinen <riitta-leena.miettinen@nokia.com> | 2012-03-22 11:42:23 +0100 |
---|---|---|
committer | Leena Miettinen <riitta-leena.miettinen@nokia.com> | 2012-03-23 08:55:55 +0100 |
commit | b8cd8d337f8082f852d137bbc639e700608aad74 (patch) | |
tree | f1db9686393802c916faaf7dab742f3a933eb66a /doc | |
parent | b80e648dbf5c9731fd37c0744c2e6df59995c1fc (diff) |
Doc: update screen shots
Add references to screen elements in text as numbers.
Update link to Qt Quick Designer options.
Change-Id: Ifff0f0a203e922943367f9069e8ebb6f35244878
Reviewed-by: Thomas Hartmann <Thomas.Hartmann@nokia.com>
Diffstat (limited to 'doc')
21 files changed, 26 insertions, 25 deletions
diff --git a/doc/images/qmldesigner-anchor-buttons.png b/doc/images/qmldesigner-anchor-buttons.png Binary files differindex 29654362f3c..9833f80b45a 100644 --- a/doc/images/qmldesigner-anchor-buttons.png +++ b/doc/images/qmldesigner-anchor-buttons.png diff --git a/doc/images/qmldesigner-anchors.png b/doc/images/qmldesigner-anchors.png Binary files differindex 47a36605366..6fb2047ceeb 100644 --- a/doc/images/qmldesigner-anchors.png +++ b/doc/images/qmldesigner-anchors.png diff --git a/doc/images/qmldesigner-boolean-false-blue.png b/doc/images/qmldesigner-boolean-false-blue.png Binary files differindex 43bf1175116..dd607f12b71 100644 --- a/doc/images/qmldesigner-boolean-false-blue.png +++ b/doc/images/qmldesigner-boolean-false-blue.png diff --git a/doc/images/qmldesigner-boolean-false.png b/doc/images/qmldesigner-boolean-false.png Binary files differindex 9226583632f..2210d905ff3 100644 --- a/doc/images/qmldesigner-boolean-false.png +++ b/doc/images/qmldesigner-boolean-false.png diff --git a/doc/images/qmldesigner-boolean-true-blue.png b/doc/images/qmldesigner-boolean-true-blue.png Binary files differindex c7f667d1c5f..7cf1cad420e 100644 --- a/doc/images/qmldesigner-boolean-true-blue.png +++ b/doc/images/qmldesigner-boolean-true-blue.png diff --git a/doc/images/qmldesigner-boolean-true.png b/doc/images/qmldesigner-boolean-true.png Binary files differindex e2817922ec0..8b5c4ddb01c 100644 --- a/doc/images/qmldesigner-boolean-true.png +++ b/doc/images/qmldesigner-boolean-true.png diff --git a/doc/images/qmldesigner-element-properties.png b/doc/images/qmldesigner-element-properties.png Binary files differindex d66206e3034..db4ccb5f498 100644 --- a/doc/images/qmldesigner-element-properties.png +++ b/doc/images/qmldesigner-element-properties.png diff --git a/doc/images/qmldesigner-element-size.png b/doc/images/qmldesigner-element-size.png Binary files differindex 7bd1d42ae26..8ecd6562a3f 100644 --- a/doc/images/qmldesigner-element-size.png +++ b/doc/images/qmldesigner-element-size.png diff --git a/doc/images/qmldesigner-navigator-arrows.png b/doc/images/qmldesigner-navigator-arrows.png Binary files differindex f04a337f192..69c16234466 100644 --- a/doc/images/qmldesigner-navigator-arrows.png +++ b/doc/images/qmldesigner-navigator-arrows.png diff --git a/doc/images/qmldesigner-navigator.png b/doc/images/qmldesigner-navigator.png Binary files differindex b130b88df8b..63773500b0c 100644 --- a/doc/images/qmldesigner-navigator.png +++ b/doc/images/qmldesigner-navigator.png diff --git a/doc/images/qmldesigner-preview-size.png b/doc/images/qmldesigner-preview-size.png Binary files differindex 9d96d0bce5c..eda646e9c2d 100644 --- a/doc/images/qmldesigner-preview-size.png +++ b/doc/images/qmldesigner-preview-size.png diff --git a/doc/images/qmldesigner-properties-explicit-base.png b/doc/images/qmldesigner-properties-explicit-base.png Binary files differindex 4833624639d..7401a59ef18 100644 --- a/doc/images/qmldesigner-properties-explicit-base.png +++ b/doc/images/qmldesigner-properties-explicit-base.png diff --git a/doc/images/qmldesigner-properties-explicit-state1.png b/doc/images/qmldesigner-properties-explicit-state1.png Binary files differindex 2a58312204b..66fccad9bea 100644 --- a/doc/images/qmldesigner-properties-explicit-state1.png +++ b/doc/images/qmldesigner-properties-explicit-state1.png diff --git a/doc/images/qmldesigner-qml-components.png b/doc/images/qmldesigner-qml-components.png Binary files differindex 4bd622fcf26..937e556082a 100644 --- a/doc/images/qmldesigner-qml-components.png +++ b/doc/images/qmldesigner-qml-components.png diff --git a/doc/images/qmldesigner-run-custom-exe.png b/doc/images/qmldesigner-run-custom-exe.png Binary files differindex ed76941c7ba..b3d4c2ceaa7 100644 --- a/doc/images/qmldesigner-run-custom-exe.png +++ b/doc/images/qmldesigner-run-custom-exe.png diff --git a/doc/images/qmldesigner-set-expression.png b/doc/images/qmldesigner-set-expression.png Binary files differindex 3ba9bfe6ff8..8e7a5c66d31 100644 --- a/doc/images/qmldesigner-set-expression.png +++ b/doc/images/qmldesigner-set-expression.png diff --git a/doc/images/qmldesigner-snap-margins.png b/doc/images/qmldesigner-snap-margins.png Binary files differindex 05f2cd45f6a..dc1dde29d81 100644 --- a/doc/images/qmldesigner-snap-margins.png +++ b/doc/images/qmldesigner-snap-margins.png diff --git a/doc/images/qmldesigner-text-property-tr.png b/doc/images/qmldesigner-text-property-tr.png Binary files differindex bf013d514b3..4690df99ec3 100644 --- a/doc/images/qmldesigner-text-property-tr.png +++ b/doc/images/qmldesigner-text-property-tr.png diff --git a/doc/images/qmldesigner-transitions.png b/doc/images/qmldesigner-transitions.png Binary files differindex f2e3a727528..1fee9d18275 100644 --- a/doc/images/qmldesigner-transitions.png +++ b/doc/images/qmldesigner-transitions.png diff --git a/doc/images/qmldesigner-visual-editor.png b/doc/images/qmldesigner-visual-editor.png Binary files differindex eb975d5024e..012faea5f72 100644 --- a/doc/images/qmldesigner-visual-editor.png +++ b/doc/images/qmldesigner-visual-editor.png diff --git a/doc/src/qtquick/qtquick-designer.qdoc b/doc/src/qtquick/qtquick-designer.qdoc index 264584e746e..c071786d0db 100644 --- a/doc/src/qtquick/qtquick-designer.qdoc +++ b/doc/src/qtquick/qtquick-designer.qdoc @@ -44,22 +44,22 @@ \list - \o \gui {Navigator} pane displays the QML elements in the current QML + \o \gui {Navigator} pane (1) displays the QML elements in the current QML file as tree structure. - \o \gui {Library} pane displays the building blocks that you can use to + \o \gui {Library} pane (2) displays the building blocks that you can use to design applications: predefined QML elements, your own QML components, Qt Quick components that you import to the project, and other resources. - \o \gui Canvas is the working area where you create QML components and + \o \gui Canvas (3) is the working area where you create QML components and design applications. - \o \gui {Properties} pane organizes the properties of the selected QML + \o \gui {Properties} pane (4) organizes the properties of the selected QML element or QML component. You can change the properties also in the code editor. - \o \gui {State} pane displays the different states of the component. + \o \gui {State} pane (5) displays the different states of the component. QML states typically describe user interface configurations, such as the UI elements, their properties and behavior and the available actions. @@ -70,8 +70,8 @@ The \gui Navigator pane displays the \l{http://doc.qt.nokia.com/4.7/qdeclarativeelements.html}{QML elements} - in the current QML file and their relationships. Elements are listed in a - tree structure, below their parent. + in the current QML file and their relationships. Elements (1) are listed in a + tree structure, below their parent (2). \image qmldesigner-navigator.png "Navigator pane" @@ -83,7 +83,7 @@ Typically, child elements are located within the parent element on the canvas. However, they do not necessarily have to fit inside the parent element. For example, you might want to make a mouse area larger than the - rectangle or image beneath it. + rectangle or image beneath it (1). \image qmldesigner-element-size.png "Mouse area for a button" @@ -121,7 +121,7 @@ To change the stacking order of an item, right-click it on the canvas and select \gui {Stack (z)}. You can raise or lower the stack value of an item or move the item to the front or back of all its siblings. To remove the - \c z property, select \gui Reset. + \c z property, select \gui {Reset z Property}. \section2 Switching Parent Elements @@ -136,7 +136,7 @@ You can change the parent of an element also in the \gui Navigator pane. Drag and drop the element to another position in the tree or use the arrow - buttons to move the element in the tree. + buttons (1) to move the element in the tree. \image qmldesigner-navigator-arrows.png "Navigator arrow buttons" @@ -154,7 +154,8 @@ \list \if defined(qcmanual) - \o \c {import com.nokia.symbian 1.0} for Symbian + \o \c {import com.nokia.symbian 1.0} for Symbian (Qt 4.7) + \o \c {import com.nokia.symbian 1.1} for Symbian (Qt 4.8) \endif \o \c {import com.nokia.meego 1.0} for MeeGo @@ -178,7 +179,7 @@ The bottom part of the pane displays properties that are specific to each element type. For example, the following image displays the properties you - can set for \gui Rectangle and \gui Text elements. + can set for \gui Rectangle (1) and \gui Text (2) elements. \image qmldesigner-element-properties.png @@ -202,12 +203,12 @@ When editing states, you can easily see which values are explicitly set in the current state and which values are derived from the base state. - The following images illustrate this. In the base state, the \gui Position, - \gui Size, and \gui Colors values are explicitly set and highlighted. + The following images illustrate this. In the base state, the \gui Size (1) + and \gui Colors (2) values are explicitly set and highlighted. \image qmldesigner-properties-explicit-base.png "Explicitly set properties" - In \gui State1, only the color is explicitly set and highlighted. + In \gui State1, only the color (1) is explicitly set and highlighted. \image qmldesigner-properties-explicit-state1.png "Explicitly set properties" @@ -265,7 +266,7 @@ \section2 Marking Text Elements for Translation To support translators, mark each text element that should be translated. - In the \gui Properties pane, \gui Text field, select \gui tr. + In the \gui Properties pane, \gui Text field, select \gui tr (1). \image qmldesigner-text-property-tr.png "Text properties" @@ -360,8 +361,8 @@ to the opposite side: \c {anchor.left: sibling.right}. This allows you to keep sibling elements together. - In the following image, \gui{Rectangle 2} is anchored to its siblings on its - right and left and to the bottom of its parent. + In the following image, \gui{Rectangle 2} is anchored to \gui{Rectangle 1} + on its left and to the bottom of its parent. \image qmldesigner-anchors.png "Anchoring sibling elements" @@ -370,8 +371,6 @@ \qml Rectangle { id: rectangle2 - anchors.right: rectangle3.left - anchors.rightMargin: 15 anchors.left: rectangle1.right anchors.leftMargin: 15 anchors.bottom: parent.bottom @@ -466,7 +465,8 @@ \inlineimage qmldesigner-snap-to-guides-button.png button to have the elements snap to the guides. - Choose \gui {Tools > Options > Qt Quick} to specify settings for snap to + Choose \gui {Tools > Options > Qt Quick > Qt Quick Designer} to specify + settings for snap to margins. In the \gui {Snap margin} field, specify the position of the guides as pixels from the edge of the canvas. In the \gui {Item spacing} field, specify the space in pixels to leave between elements on the screen. @@ -503,16 +503,17 @@ bindings. To experiment with different element sizes, enter values in the - \gui Height and \gui Width fields on the canvas toolbar. The changes are - displayed in the \gui States pane and on the canvas, but the property + \gui Height and \gui Width fields (1) on the canvas toolbar. The changes are + displayed in the \gui States pane (2) and on the canvas (3), but the property values are not changed permanently in the QML file. You can permanently - change the property values in the \gui Properties pane. + change the property values in the \gui Properties pane (4). \image qmldesigner-preview-size.png "Canvas width and height" \section1 Specifying Canvas Size - To change the canvas size, select \gui {Tools > Options > Qt Quick} and + To change the canvas size, select \gui {Tools > Options > Qt Quick + > Qt Quick Designer} and specify the canvas width and height in the \gui Canvas group. \section1 Refreshing the Canvas |