Commit d6d8e263 authored by Leena Miettinen's avatar Leena Miettinen
Browse files

Doc: update screenshots for QML debugging



Update changed UI strings.

Use button names in text instead of inlineimages.

Change-Id: Ibe9d91ed27c1afc06a3b7b11157e3d5de3979b17
Reviewed-by: default avatarAurindam Jana <aurindam.jana@nokia.com>
parent 50e0ac9a
doc/images/qtquick-example-stack.png

30.3 KB | W: | H:

doc/images/qtquick-example-stack.png

29.3 KB | W: | H:

doc/images/qtquick-example-stack.png
doc/images/qtquick-example-stack.png
doc/images/qtquick-example-stack.png
doc/images/qtquick-example-stack.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -49,7 +49,7 @@
\o To look at the code that starts a new game, place a breakpoint in
samegame.qml by clicking between the line number and the window
border on the line where where the \c startNewGame() function is
called.
called (1).
\image qtquick-example-setting-breakpoint1.png
......@@ -70,7 +70,7 @@
\image qtquick-example-setting-breakpoint2.png
\o Click the
\inlineimage qml-inspector-step-into.png
\inlineimage qtcreator-debug-button-step-into.png
(\gui {Step Into}) button on the toolbar or press \key F11 to step
into the code in the stack. The samegame.js file opens in the code
editor at the function that starts a new game.
......@@ -88,7 +88,7 @@
\image qtquick-example-setting-breakpoint3.png
\o To execute JavaScript commands in the current context, select the
\gui {QML Script Console} tab.
\gui {Console} tab.
\o To change the score to 1000, enter \c{gameCanvas.score = 1000}
in the console.
......@@ -111,8 +111,8 @@
\o Click
\inlineimage qml-inspector-select-button.png
(\gui Select) to activate selection mode and then click the
\gui {New Game} button to move into the \gui newGameButton component
in the \gui {QML Script Console} and the code editor.
\gui {Quit} button to move into the \gui ButtonLabel component
in the \gui {Console} and the code editor.
\image qtquick-example-property-values.png
......
......@@ -159,10 +159,10 @@
\section1 Executing JavaScript Expressions
When the application is interrupted by a breakpoint, you can use the
\gui {QML Script Console} to execute JavaScript expressions in the current
context. To open it, choose \gui {Window > View > QML Script Console}.
\gui {Console} to execute JavaScript expressions in the current
context. To open it, choose \gui {Window > Views > Console}.
\image qml-script-console.png "QML Script Console view"
\image qml-script-console.png "Console view"
You can type JavaScript expressions and use them to get information about
the state or your application. You can change property values temporarily,
......@@ -174,11 +174,11 @@
If you change property values or add properties in the code editor, the
debugger can update the properties in the running application when you save
the file. This is enabled by default. To disable it, click
the file. This is enabled by default. To disable it, click the
\inlineimage qml-observer-bar-reload.png "Apply Changes on Save button"
on the toolbar.
(\gui {Apply Changes on Save}) button on the toolbar.
When you change property values in the \gui {QML Script Console} or
When you change property values in the \gui {Console} or
\gui {QML Inspector}, they are immediately updated in the running
application, but not in the source code.
......@@ -249,8 +249,8 @@
contains zoom controls.
To inspect colors, click the \gui {Color Picker} button. You can also click
\inlineimage qml-observer-bar-copy-color.png "Copy Color button"
to copy the color definition to the clipboard.
\inlineimage qml-observer-bar-copy-color.png "Color Picker button"
(\gui {Color Picker}) to copy the color definition to the clipboard.
To switch out of the inspection mode, deselect the \gui Select, \gui Zoom,
and \gui {Color Picker} button.
......@@ -260,14 +260,12 @@
To play and pause animations in the running application, select
\inlineimage qml-inspector-play.png
and
(\gui {Play Animations}) and
\inlineimage qml-inspector-pause.png
on the toolbar.
(\gui {Pause Animations}) on the toolbar.
To change the speed at which animations are played, click and hold down
\inlineimage qml-inspector-play.png
or
\inlineimage qml-inspector-pause.png
\gui {Play/Pause Animations}
and select a value.
*/
Supports Markdown
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