Doc: Describe changes in QDS project wizard templates

The application templates now import Qt Quick Controls in
addition to Qt Quick types.

Task-number: QDS-3407
Change-Id: I696de75701d9299cce93c527993a27fa04e07dc7
Reviewed-by: Tanja Remes <tanja.remes@qt.io>
Reviewed-by: Johanna Vanhatapio <johanna.vanhatapio@qt.io>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
This commit is contained in:
Leena Miettinen
2021-04-20 09:31:34 +02:00
parent 2a456e5439
commit 3138229a20
3 changed files with 20 additions and 18 deletions

View File

@@ -78,8 +78,8 @@
When you \l{Creating Projects}{create projects}, modules typically needed in
them are added by default. For example, an empty application project
contains only basic components, while a 3D application project contains
additional 3D components.
contains basic components and UI controls, while a 3D application project
contains additional 3D components.
To view the list of available modules, select \inlineimage plus.png
. Most commonly used modules are placed at the top of the list in

View File

@@ -115,13 +115,9 @@
To add entry fields to the page:
\list 1
\li In \l Library > \uicontrol Components, select the
\inlineimage plus.png
button to add the \l {Qt Quick Controls} module to the project:
\image loginui2-imports.png
\li Drag-and-drop two instances of the \uicontrol {Text Field}
component from the \uicontrol {Qt Quick Controls} tab to
\l {Form Editor}.
component from \l Library > \uicontrol Components >
\uicontrol {Qt Quick Controls} to \l {Form Editor}.
\li Select one of the text fields in \l Navigator, and
change its id to \e usernameField in \l Properties.
\li In the \uicontrol Geometry group, \uicontrol Size field,

View File

@@ -34,7 +34,8 @@
\list
\li Group files together
\li Include forms and assets files
\li Include \l{UI Files}{UI files} (.ui.qml), component files (.qml),
and assets files
\li Specify settings for previewing UIs
\endlist
@@ -67,16 +68,17 @@
uses a subset of preset components (as supported by Qt for MCUs)
that you can deploy, run, and debug on MCU boards.
\li \uicontrol {Qt Quick Application - Empty} creates a project that
uses default components and can be run on all target platforms.
uses default components and preset UI controls and can be run on
all target platforms.
\li \uicontrol {Qt Quick 3D Application} creates a project that uses
default and 3D components.
default components, UI controls, and 3D components.
\li \uicontrol {Qt Quick Application - Scroll} and
\uicontrol {Qt Quick Application - Stack} create an application
that uses preset UI controls to implement a scrollable
list or a set of pages with a stack-based navigation model.
that uses UI controls to implement a scrollable list or a set of
pages with a stack-based navigation model.
\li \uicontrol {Qt Quick Application - Launcher} creates a
project that uses default components and defines a launcher
application.
project that uses default components and UI controls and
defines a launcher application.
\endlist
For an example of creating a \uicontrol {Qt Quick 3D Application} project,
@@ -90,11 +92,14 @@
\li Select \uicontrol File > \uicontrol {New File or Project}.
\li Select the type of your project, and then select \uicontrol Choose.
\li In the \uicontrol Name field, enter a name for the project.
When naming your own projects, keep in mind that they cannot be
easily renamed later.
\li In the \uicontrol {Create in} field, enter the path for the project
files, and then select \uicontrol Next (or \uicontrol Continue on
\macos).
\macos). You can move project folders later without problems.
\li In the \uicontrol {Screen resolution} field, select the screen
resolution for previewing the UI on the desktop or on a device.
You can easily change the screen size later in \l Properties.
\li In the \uicontrol {Qt Quick Controls Style} field, select one of
the predefined \l{Styling Qt Quick Controls}{UI styles} to use,
and then select \uicontrol Finish (or \uicontrol Done on \macos).
@@ -107,7 +112,7 @@
image files in the project folder belong to the project. Therefore,
you do not need to individually list all the files in the project.
\li .qml file defines the functionality and appearance of a component.
\li ui.qml file defines a visual component that you can edit in
\li .ui.qml file defines a visual component that you can edit in
\l{Form Editor}.
\li qtquickcontrols2.conf file specifies the preferred style and some
style-specific arguments.
@@ -123,7 +128,8 @@
\endlist
To use JavaScript and image files in the UI, select \uicontrol Library >
\uicontrol Assets > \inlineimage plus.png.
\uicontrol Assets > \inlineimage plus.png
.
\section1 Adding Files to Projects