aboutsummaryrefslogtreecommitdiffstats
path: root/doc/qtdesignstudio/src/components/qtquick-preset-components.qdoc
blob: 704c0b40ac2f2bc426f86d18654031073552dae6 (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
89
90
91
92
93
94
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only

/*!
    \page quick-preset-components.html
    \previouspage quick-components.html
    \nextpage quick-shapes.html

    \title Preset Components

    To use preset components, add the modules that contain them to your project
    by selecting \uicontrol Components > \inlineimage icons/plus.png
    . For more information, see \l{Adding and Removing Modules}. You can then
    create instances of the components by dragging-and-dropping them from
    \uicontrol Components to \l {Form Editor}, \l {3D Editor}, or \l Navigator.

    To edit the appearance of a component instance, select it in
    \uicontrol {Form Editor}, \uicontrol {3D Editor}, or \uicontrol Navigator
    and set its properties in the \l Properties view.

    For more information about creating your own components, see
    \l{Creating Custom Components}.

    \section1 2D Components

    \list
        \li \l Shapes
        \li \l Text
        \li \l Images
        \li \l {User Interaction Methods}
        \li \l {UI Controls}
        \li \l {Lists and Other Data Models}
        \if defined(qtdesignstudio)
        \li \l {2D Effects}
        \li \l {Logic Helpers}
        \endif
        \li \l Animations
    \endlist

    \section1 3D Components

    You can use \l{3D Editor} in the \uicontrol Design mode to edit files you
    created using 3D graphics applications and stored in one of the supported
    formats. You cannot create 3D models or other assets in the editor, but you
    can \l{Importing 3D Assets}{import} the assets you need and work with them
    to create scenes and states, as well as the transitions between them.

        \list
        \li \l {3D Views}
        \li \l {Node}
        \li \l {Group}
        \li \l {Instanced Rendering}
        \li \l {Skeletal Animation}
        \li \l {3D Models}
        \li \l {Materials and Shaders}
        \li \l {Textures}
        \li \l {3D Materials}
        \li \l {3D Effects}
        \li \l {Custom Shaders}
        \li \l {Custom Effects and Materials}
        \li \l {Lights}
        \li \l {Cameras}
        \li \l {Scene Environment}
        \li \l {Morph Target}
        \li \l {Repeater3D}
        \li \l {Loader3D}
        \li \l {Particles}
     \endlist

    When you import 3D scenes from files that you exported from 3D graphics
    tools, you also import the camera, light, model, and materials as 3D
    components. If your scene did not contain them, you can add predefined
    3D components to it and edit their properties to fit your needs.

    \note Using 3D components will affect the performance of your UI. Do not
    use 3D components if the same results can be achieved using 2D components.

    \section2 Videos About 3D Components

    The following video shows you how to add the components included in the
    \uicontrol {Qt Quick 3D} module, such as 3D models, cameras, and lights,
    to your scene:

    \youtube u3kZJjlk3CY

    The following video shows you how to use the custom shader utilities, 3D
    effects, and materials:

    \youtube bMXeeQw6BYs

    The following video shows you how to combine 2D and 3D components:

    \youtube w1yhDl93YI0
*/