// Copyright (C) 2023 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only

// **********************************************************************
// NOTE: the sections are not ordered by their logical order to avoid
// reshuffling the file each time the index order changes (i.e., often).
// Run the fixnavi.pl script to adjust the links to the index order.
// **********************************************************************

/*!
    \page quick-projects.html
    \previouspage creator-how-tos.html

    \ingroup creator-how-to-projects-create
    \ingroup creator-how-to-design-qtquick

    \title Create Qt Quick Applications

    You can create Qt Quick applications that can have both QML and C++ code.
    Build the applications and deploy them to desktop, embedded, and mobile
    target platforms.

    To create a Qt Quick Application project:

    \list 1

        \li Go to \uicontrol File > \uicontrol {New Project} >
            \uicontrol {Application (Qt)} > \uicontrol {Qt Quick Application}.

            \image {qtcreator-project-qt-quick.webp} {New Project dialog}

            \note To use \l qmake as the build system, develop with Qt 5,
            or add translations to the application, select
            \uicontrol {Qt Quick Application (compat)}.

        \li Select \uicontrol Choose to open the \uicontrol {Project Location}
            dialog.

        \li In \uicontrol Name, enter a name for the project. Keep in mind that
            you cannot easily change the project name later.

        \li In \uicontrol {Create in}, enter the path for the project files.
            Select \uicontrol {Use as default project location} to create new
            projects in this folder by default. You can move project folders
            later without problems.

        \li Select \uicontrol Next to open the
            \uicontrol {Define Project Details} dialog.

            \image {qtcreator-project-qt-quick-details.webp} {Define Project Details dialog}


        \li Select \uicontrol {Use Qt Virtual Keyboard} to add
            support for \l{Qt Virtual Keyboard} to the application.

            \note If you have not installed the Qt Virtual Keyboard module when
            you installed Qt, an error message will appear when you try to open
            \c Main.qml for editing. You can use \l{Get and Install Qt}{\QOI}
            to install Qt Virtual Keyboard.

        \li Select the Qt version to develop with in
            \uicontrol {Minimum required Qt version}.
            The Qt version determines the Qt Quick imports
            that are used in the QML files.

        \li For Qt versions earlier than 6.10, select
            \uicontrol {Set QT_QML_GENERATE_QMLLS_INI to ON in CMake} to
            configure \QMLLS. It offers code completion and issues warnings
            when you write QML code.

        \li Select \uicontrol Next to open the \uicontrol {Kit Selection}
            dialog.

        \li Select \l{Managing kits}{kits} for the platforms that
            you want to build the application for.

            \note Kits are listed if they have been specified in \preferences >
            \uicontrol Kits.
            For more information, see \l {Add kits} and \l {Managing kits}.

        \li Select \uicontrol Next to open the \uicontrol {Project Management}
            dialog.

        \li Review the project settings, and select \uicontrol Finish
            (on Windows and Linux) or \uicontrol Done (on \macos) to
            create the project.

    \endlist

    \QC creates a QML file, \c Main.qml, that you can modify in the
    \uicontrol Edit mode.

    \sa {Design Qt Quick UIs}{How to: Design Qt Quick UIs},
    {Configure language servers for projects},
    {Tutorial: Mobile application},
    {Tutorial: Qt Quick and Python},
    {Tutorial: Qt Quick application}, {Creating projects},
    {Developing Qt Quick Applications}
*/

/*!
    \page creator-how-to-create-qtquick-ui-prototype.html
    \previouspage creator-how-tos.html

    \ingroup creator-how-to-projects-create
    \ingroup creator-how-to-design-qtquick

    \title Create Qt Quick UI Prototypes

    Qt Quick UI Prototype projects are useful for testing or prototyping user
    interfaces,
    or for setting up a separate project just for QML editing, for example. You
    cannot use them for application development because they do not have:

    \list
        \li C++ code
        \li Resource files (\c .qrc)
        \li Code needed for deploying applications to \l{glossary-device}
            {devices}
    \endlist

    For more information about how to turn Qt Quick UI Prototype projects into
    Qt Quick Application projects, see
    \l{Convert UI projects to applications}.

    To create a Qt Quick UI Prototype project:

    \list 1

        \li Go to \uicontrol File > \uicontrol {New Project} >
            \uicontrol {Other Project} > \uicontrol {Qt Quick UI Prototype}.

        \li Select \uicontrol Choose to open the \uicontrol {Project Location}
            dialog.

        \li In \uicontrol Name, enter a name for the application.

        \li In \uicontrol {Create in}, enter the path for the project files.
            Select \uicontrol {Use as default project location} to create new
            projects in this folder by default.

        \li Select \uicontrol Next (or \uicontrol Continue on \macos) to open
            the \uicontrol {Define Project Details} dialog.

        \li Select \uicontrol {Create a project that you can open in \QMLD} to
            make the project compatible with \QMLD.

        \li Select \uicontrol {Use Qt Virtual Keyboard} to add
            support for \l{Qt Virtual Keyboard} to the application.

            \note If you have not installed the Qt Virtual Keyboard module when
            you installed Qt, an error message will appear when you try to open
            \c main.qml.

        \li Select \uicontrol Next to open the \uicontrol {Kit Selection}
            dialog.

        \li Select \l{Managing kits}{kits} for the platforms that
            you want to build the application for.

            \note Kits are listed if they have been specified in \preferences >
            \uicontrol Kits.

        \li Select \uicontrol Next to open the \uicontrol {Project Management}
            dialog.

        \li Review the project settings, and select \uicontrol Finish
            (on Windows and Linux) or \uicontrol Done (on \macos) to
            create the project.

    \endlist

    \QC creates the following files:

    \list

        \li \c .qmlproject project file defines that all QML, JavaScript, and 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 \c .qml file defines a UI item, such as a component or the
            whole application UI.

        \li \c Screen01.ui.qml file defines a custom QML type using instances of a
            Rectangle type that forms the background, a Button, and a Text
            component that displays some text. This file is created if you select
            \uicontrol {Create a project that you can open in \QMLD}.

    \endlist

    To use JavaScript and image files in the application, copy them to the
    project folder.

    \sa {Creating projects}, {Design Qt Quick UIs}{How to: Design Qt Quick UIs},
    {Manage kits}{How to: Manage kits}, {Designing Qt Quick UIs},
    {Qt Quick UI design}, {Specify Qt Quick UI Prototype run settings}
*/
