Doc: Update info about debugging Qt Quick projects

Update screenshots using the Design theme.

Change-Id: Idb8911329fb9bb05e34d647f4deb0ad9d47402e2
Reviewed-by: hjk <hjk@qt.io>
Reviewed-by: David Schulz <david.schulz@qt.io>
This commit is contained in:
Leena Miettinen
2019-07-23 11:57:05 +02:00
parent e6145cdfb2
commit a2a7dcd711
28 changed files with 12 additions and 11 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 260 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 125 KiB

View File

@@ -87,7 +87,7 @@
\image qtquick-example-stack.png \image qtquick-example-stack.png
\li Examine the local variables in the \uicontrol {Locals and Expressions} \li Examine the local variables in the \uicontrol Locals
view. Step through the code to see how the information changes in view. Step through the code to see how the information changes in
the view. the view.
@@ -105,8 +105,8 @@
\li To remove a breakpoint, right-click it and select \li To remove a breakpoint, right-click it and select
\uicontrol {Delete Breakpoint}. \uicontrol {Delete Breakpoint}.
\li Select the \uicontrol {Locals and Expressions} tab to explore the object \li In the \uicontrol Locals view, explore the object structure at
structure at runtime: runtime.
\image qtquick-example-qml-inspector.png \image qtquick-example-qml-inspector.png
@@ -115,11 +115,11 @@
\li Select \uicontrol Debug > \uicontrol Select to activate selection \li Select \uicontrol Debug > \uicontrol Select to activate selection
mode and then click the \uicontrol Menu button to move into the mode and then click the \uicontrol Menu button to move into the
\uicontrol menuButton component in the \uicontrol menuButton component in the \uicontrol Locals view and
\uicontrol {Locals and Expressions} view and the code editor. the code editor.
\li In the \uicontrol {Locals and Expressions} view, double-click the \li In the \uicontrol Locals view, double-click the value of a property
value of a property to change it. to change it.
\endlist \endlist

View File

@@ -162,7 +162,7 @@
\li \l{Local Variables and Function Parameters} \li \l{Local Variables and Function Parameters}
{Viewing local variables and function parameters} {Viewing local variables and function parameters}
\li \l{Inspecting Items}{Evaluating expressions at runtime} \li \l{Evaluating Expressions}
\endlist \endlist
@@ -170,20 +170,21 @@
\include creator-debugger-common.qdocinc debugger-breakpoints \include creator-debugger-common.qdocinc debugger-breakpoints
\include creator-debugger-common.qdocinc debugger-call-stack-trace \include creator-debugger-common.qdocinc debugger-call-stack-trace
\include creator-debugger-common.qdocinc debugger-locals \include creator-debugger-common.qdocinc debugger-locals
\include creator-debugger-common.qdocinc debugger-expressions
\endif \endif
\section1 Inspecting Items \section1 Inspecting Items
While the application is running, you can use the \uicontrol {Locals} While the application is running, you can use the \uicontrol {Locals}
and \uicontrol{Expressions} views to explore the QML item structure. view to explore the QML item structure.
\image qml-observer-view.png "QML item tree" \image qml-observer-view.png "QML item tree"
To keep the application visible while you interact with the debugger, select To keep the application visible while you interact with the debugger, select
\uicontrol Debug > \uicontrol {Show Application on Top}. \uicontrol Debug > \uicontrol {Show Application on Top}.
You can view a QML item in \uicontrol {Locals} and \uicontrol {Expressions} You can view a QML item in the \uicontrol {Locals} view in the following
in the following ways: ways:
\list \list