feedc0de/qt-creator
1
0
Fork 0
forked from qt-creator/qt-creator
Code Pull Requests Activity

Doc: Edit how to Run/Live Preview

Browse Source 
- Added info about the run toolbar

Fixes: QDS-14601
Change-Id: I09274fe51a31cea7509236728161ba0835262cb4
Reviewed-by: Mats Honkamaa <mats.honkamaa@qt.io>
This commit is contained in:
Johanna Vanhatapio
2025-03-24 15:25:26 +02:00
parent 6e4fbae15c
commit e9c9cd1296
12 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
doc/qtdesignstudio/examples/doc/3DsceneTutorial.qdoc
View File

@@ -66,7 +66,7 @@
scene. scene.
\image 3d-scene-bread-crumb.png \image 3d-scene-bread-crumb.png
\endlist \endlist
When you run the application or live preview, notice that you don't see much of the materials. When you run the application or \uicontrol {Live Preview}, notice that you don't see much of the materials.
The next step is to set up the environmental light. The next step is to set up the environmental light.
\section1 Adding environmental lighting to the scene \section1 Adding environmental lighting to the scene

4
doc/qtdesignstudio/examples/doc/loginui3.qdoc
View File

@@ -37,7 +37,7 @@
enter to create an account. You are already familiar with the tasks in enter to create an account. You are already familiar with the tasks in
this section from the previous \e {Login UI} tutorials. this section from the previous \e {Login UI} tutorials.
To preview the changes that you make, select the \uicontrol Run dropdown menu from the To preview the changes that you make, select the run dropdown menu from the
top toolbar, and then select \uicontrol {Live Preview}, or select \key {Alt+P}. top toolbar, and then select \uicontrol {Live Preview}, or select \key {Alt+P}.
To add the entry field needed on the second page to the \e Screen01 To add the entry field needed on the second page to the \e Screen01
@@ -103,7 +103,7 @@
\image loginui3-states.webp All states in the States view. \image loginui3-states.webp All states in the States view.
The live preview displays the default state, \e login: \uicontrol {Live Preview} displays the default state, \e login:
\image loginui3-login-state-preview.webp Preview of the login state. \image loginui3-login-state-preview.webp Preview of the login state.

4
doc/qtdesignstudio/examples/doc/sidemenu.qdoc
View File

@@ -98,8 +98,8 @@
In addition, we set the \uicontrol Checked property to \c true for the In addition, we set the \uicontrol Checked property to \c true for the
first button instance on the menu bar to make it appear selected. first button instance on the menu bar to make it appear selected.
We can now select the \imagerunsmall We can now select the run dropdown from the top toolbar, and then select
(\uicontrol Run) button to run the application and test our menu bar. \uicontrol {Run App} to run the application and test our menu bar.
\section1 Creating a side menu \section1 Creating a side menu

4
doc/qtdesignstudio/examples/doc/simplekeyboard.qdoc
View File

@@ -18,8 +18,8 @@
text into \l{Text Edit} or \l{Text Input} components. For more information text into \l{Text Edit} or \l{Text Input} components. For more information
about using it, see \l{User Guide}{Virtual Keyboard: User Guide}. about using it, see \l{User Guide}{Virtual Keyboard: User Guide}.
To test the virtual keyboard, you need to select the \imagerunsmall To test the virtual keyboard, select the run dropdown in the top toolbar,
(\uicontrol Run) button to run the example on the desktop or a device. and then select \uicontrol Run to run the example on the desktop or a device.
The keyboard is not available during preview. The keyboard is not available during preview.
\section1 Using a virtual keyboard \section1 Using a virtual keyboard

3
doc/qtdesignstudio/src/developers/studio-designer-developer-workflow.qdoc
View File

@@ -81,7 +81,8 @@
accessible in the \uicontrol Projects view. accessible in the \uicontrol Projects view.
\image qtcreator-qt-design-studio-project.webp "Qt Design studio projects in Qt Creator after successful import" \image qtcreator-qt-design-studio-project.webp "Qt Design studio projects in Qt Creator after successful import"
\li To run the project, select \uicontrol Run. \li To run the project, select the run dropdown from the top toolbar, and then select
\uicontrol {Live Preview}.
\endlist \endlist
\note \QDS 4.4 and earlier versions have a project structure where \note \QDS 4.4 and earlier versions have a project structure where

6
doc/qtdesignstudio/src/how-to/qtdesignstudio-live-preview-desktop.qdoc
View File

@@ -11,10 +11,10 @@
To preview the currently active QML file on the desktop: To preview the currently active QML file on the desktop:
\list 1 \list 1
\li Select \uicontrol Run dropdown from the top toolbar and select \li Select the run dropdown from the top toolbar, and then select
\uicontrol {Live Preview}. \uicontrol {Live Preview}.
\li Select \imagerunproject. \li Select \imagerunproject.
\image studio-live-preview.webp Live preview a \QDS project on the desktop \image studio-live-preview.webp Selecting Live Preview in the run dropdown menu.
\note Alternatively, select \key {Alt+P}. \note Alternatively, select \key {Alt+P}.
\endlist \endlist
@@ -22,7 +22,7 @@
To preview any QML file in the project: To preview any QML file in the project:
\list 1 \list 1
\li Select \uicontrol Run dropdown from the top toolbar and select \li Select the run dropdown from the top toolbar, and then select
\uicontrol {Live Preview}. \uicontrol {Live Preview}.
\li Select \imagerunproject. \li Select \imagerunproject.
\li Right-click the filename in the \l Projects view, and select \li Right-click the filename in the \l Projects view, and select

2
doc/qtdesignstudio/src/how-to/qtdesignstudio-run-project.qdoc
View File

@@ -12,7 +12,7 @@
\list 1 \list 1
\li Open the project with \QDS. \li Open the project with \QDS.
\li Select \uicontrol Run dropdown from the top toolbar and select \li Select the run dropdown from the top toolbar, and then select
\uicontrol {Run App}. \uicontrol {Run App}.
\li Select \imagerunproject. \li Select \imagerunproject.
\image studio-run-project.webp {Run a \QDS project} \image studio-run-project.webp {Run a \QDS project}

8
doc/qtdesignstudio/src/overviews/qtquick-prototyping.qdoc
View File

@@ -46,10 +46,10 @@
\li \l {Validating with target hardware} \li \l {Validating with target hardware}
You can use the live preview feature to preview a UI file or the You can use the \uicontrol {Live Preview} feature to preview a UI
entire UI on the desktop, as well as on Android and embedded Linux file or the entire UI on the desktop, as well as on Android and
devices. The changes you make to the UI are instantly visible embedded Linux devices. The changes you make to the UI are instantly
to you in the preview. visible to you in the preview.
\li \l {Asset creation with other tools} \li \l {Asset creation with other tools}

18
doc/qtdesignstudio/src/qtdesignstudio-qt-ui-viewer.qdoc
View File

@@ -29,17 +29,17 @@
\list 1 \list 1
\li Open \QUV on your Android device. Find the IP address and note it down. \li Open \QUV on your Android device. Find the IP address and note it down.
\li Open or create a project in \QDS. \li Open or create a project in \QDS.
\li Select \uicontrol Run dropdown from the top toolbar and select \li Select the run dropdown from the top toolbar, and then select
\uicontrol {Device Manager}. \uicontrol {Device Manager}.
\image studio-run-dropdown.webp Device Manager in the Run dropdown \image studio-run-dropdown.webp Device Manager in the run dropdown
\li In \uicontrol {Set target device IP} write the IP address you have \li In \uicontrol {Set target device IP} write the IP address you have
noted from \QUV. Then, select \imageplus. Your device is now added noted from \QUV. Then, select \imageplus. Your device is now added
to the list of available devices. to the list of available devices.
\list \list
\li To update the device name, edit \uicontrol Alias. \li To update the device name, edit \uicontrol Alias.
\li To show your device in the \uicontrol Run dropdow, \li To show your device in the run dropdown,
always keep \uicontrol Enabled turned on. always keep \uicontrol Enabled turned on.
\li If you are connected to the same network, and \QUV is running on your \li If you are connected to the same network, and \QUV is running on your
Android device, the \uicontrol Status is Online. Android device, the \uicontrol Status is Online.
@@ -50,8 +50,8 @@
\note You can connect multiple Android devices to \QDS. Then, run a \QDS \note You can connect multiple Android devices to \QDS. Then, run a \QDS
project on any of the devices by selecting them from project on any of the devices by selecting them from the run dropdown, and
\uicontrol Run dropdown, and selecting \imagerunproject. selecting \imagerunproject.
\section1 Previewing a \QDS project in \QUV \section1 Previewing a \QDS project in \QUV
@@ -60,8 +60,8 @@
\list 1 \list 1
\li Open or create a project in \QDS. \li Open or create a project in \QDS.
\li Open \QUV on your Android device. \li Open \QUV on your Android device.
\li Select your Android device from the \uicontrol Run dropdown. \li Select your Android device from the run dropdown.
\image studio-run-dropdown-with-added-device.webp {Android device listed in the Run dropdown} \image studio-run-dropdown-with-added-device.webp Android device listed in the run dropdown.
\li Select \imagerunproject. \li Select \imagerunproject.
\endlist \endlist
@@ -82,11 +82,11 @@
\list 1 \list 1
\li Open or create a project in \QDS. \li Open or create a project in \QDS.
\li Select \uicontrol Run dropdown from the top toolbar and select \li Select the run dropdown from the top toolbar, and then select
\uicontrol {Device Manager}. \uicontrol {Device Manager}.
\li Select the device you want to remove from the list of devices and \li Select the device you want to remove from the list of devices and
select \imageminus. select \imageminus.
\image studio-devicemanager-remove-device.webp Remove a device from the Device Manager \image studio-devicemanager-remove-device.webp Remove a device from Device Manager.
\endlist \endlist
*/ */

8
doc/qtdesignstudio/src/qtdesignstudio-simulink.qdoc
View File

@@ -170,6 +170,10 @@
\image studio-binding-editor.png "The Binding Editor window" \image studio-binding-editor.png "The Binding Editor window"
Run the simulation by first clicking the \uicontrol Run icon in \QDS and To run the simulation:
then the \uicontrol Run icon in Simulink. \list 1
\li Select the run dropdown in the \QDS top toolbar,
and then select \uicontrol {Run App}.
\li Select the \uicontrol Run icon in Simulink.
\endlist
*/ */

8
doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-materials-shaders.qdoc
View File

@@ -11,10 +11,10 @@
\image studio-qtquick-3d-material.webp "Material attached to model in Design mode" \image studio-qtquick-3d-material.webp "Material attached to model in Design mode"
Materials and shaders define how object surfaces are rendered in \QDS and Materials and shaders define how object surfaces are rendered in \QDS and
live preview. As you change the properties of materials, new shaders are \uicontrol {Live Preview}. As you change the properties of materials, new
generated accordingly, and the property values are bound. The complexity of shaders are generated accordingly, and the property values are bound.
a shader depends on a combination of the properties that are set on it, and The complexity of a shader depends on a combination of the properties that
the context of the scene itself. are set on it, and the context of the scene itself.
It is recommended that you use the \l {Material Editor and Browser} when It is recommended that you use the \l {Material Editor and Browser} when
working with materials, but you can also add materials using the components working with materials, but you can also add materials using the components

5
doc/qtdesignstudio/src/views/qtquick-timeline.qdoc
View File

@@ -239,9 +239,8 @@
button or select \key Space. button or select \key Space.
\endlist \endlist
To preview the whole UI, select the To preview the whole UI, select the run dropdown from the top toolbar,
\uicontrol {Live Preview} button on the top toolbar and then select \uicontrol {Live Preview}, or select \key Alt + \key P.
or select \key Alt + \key P.
\section1 Animating rotation \section1 Animating rotation