// Copyright (C) 2024 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 > \imageplus . 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 the \l {2D}, \l {3D} , or \l Navigator view. To edit the appearance of a component instance, select it in the \uicontrol {2D}, \uicontrol{3D}, or \uicontrol Navigator view 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} \li \l {2D effects} \li \l {Design Effects} \li \l {Logic Helpers} \li \l Animations \endlist \section1 3D Components You can use the \l {3D} view 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 in Qt 5} \li \l {Lights} \li \l {Cameras} \li \l {Scene Environments} \li \l {Morph Target} \li \l {3D Repeater} \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. The following video shows you how to combine 2D and 3D components: \youtube w1yhDl93YI0 */