aboutsummaryrefslogtreecommitdiffstats
path: root/doc/qtcreator/src/qtquick/qtquick-live-preview.qdoc
blob: 95cd83edea53641bc281f38d51f5aec9852ce7e1 (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
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only

/*!
    \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.

        \li \l{Sharing Applications Online}

            You can share applications online and view them in a web browser.

        \else
        \li \l{Previewing in Browsers}

            You can open \l{https://designviewer.qt.io/}{\QDV}
            in a browser and load applications to it.
        \endif
    \endlist
*/