blob: cf4abeb59cdb0d64bcd8f4ee49efdddd94c08110 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
/****************************************************************************
**
** Copyright (C) 2021 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the Qt Design Studio documentation.
**
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** GNU Free Documentation License Usage
** Alternatively, this file may be used under the terms of the GNU Free
** Documentation License version 1.3 as published by the Free Software
** Foundation and appearing in the file included in the packaging of
** this file. Please review the following information to ensure
** the GNU Free Documentation License version 1.3 requirements
** will be met: https://www.gnu.org/licenses/fdl-1.3.html.
**
****************************************************************************/
/*!
\page creator-live-preview.html
\if defined(qtdesignstudio)
\previouspage quick-states.html
\else
\previouspage creator-building-running.html
\endif
\nextpage creator-live-preview-desktop.html
\title Validating with Target Hardware
You can use the live preview feature to preview a UI file or the entire
UI on the desktop, as well as on embedded Linux
devices. The changes you make to the UI are instantly visible
to you in the preview. While the preview is available on Android devices,
it does not instantly reflect the changes made to the UI in the editor. It
shows the snapshot of your project from the moment you start the preview on
the device.
In addition, you can use \QDV to run
\if defined(qtcreator)
\l{Creating Qt Quick UI Projects}{Qt Quick UI projects}
\else
applications
\endif
in most widely-used web browsers on the desktop and in mobile devices This
enables you to easily share your designs with reviewers who don't have \QC.
\if defined(qtcreator)
\image qtcreator-live-preview.png
\else
\image studio-live-preview.png
\endif
\list
\li \l{Previewing on Desktop}
You can preview individual QML files or the whole UI.
\li \l{Previewing on Devices}
\if defined(qtcreator)
You can preview Qt Quick applications on devices that you have
connected to the development PC. For more information, see
\l {Connecting Devices}.
\else
When you install \QDS, everything you need for previewing on
devices is set up automatically. You only need to connect your
devices to your system.
\endif
\if defined(qtdesignstudio)
\li \l{Previewing Android applications}
You can preview Android applications live using an Android
emulator.
\endif
\li \l{Previewing in Browsers}
You can open \l{https://qt-webassembly.io/designviewer/}{\QDV}
in a browser and load applications to it.
\endlist
*/
|
