aboutsummaryrefslogtreecommitdiffstats
path: root/doc/qtcreator/src/qtquick/creator-only/qtquick-iso-icon-browser.qdoc
blob: 6dd14ec3a7a88a36874b7fd7557d27997ca904fd (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
/****************************************************************************
**
** Copyright (C) 2020 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the Qt Creator 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 qtquick-iso-icon-browser.html
    \previouspage studio-3d-scene-environment.html
    \nextpage creator-qml-modules-with-plugins.html

    \title Browsing ISO 7000 Icons

    \commercial

    You can add icons from an ISO 7000 icon library that is installed with \QC
    to Qt Quick applications (commercial only). You can use the
    \uicontrol {ISO Icon Browser} to add a \l {Picture} type and select the
    icon to use for the type. You can change the default color of the icon.

    \image qtcreator-iso-icon-browser.png

    \section1 Using ISO Icons in Applications

    \list 1

        \li Create a new Qt Quick Application or open an application in \QC.

        \li Open the Qt Quick UI form in the \uicontrol Design mode.

        \li In the \uicontrol Library, select \uicontrol {QML Imports} >
            \uicontrol {Add Import} > \uicontrol {QtQuick.Extras} to import the
            \l {Qt Quick Extras} module.

        \li Drag and drop a \uicontrol Picture element from the library to the
            canvas.

        \li Right-click the picture element and select \uicontrol {Choose Icon}
            to open the \uicontrol {ISO Icon Browser}.

        \li To find icons, select a criterion for filtering icons and enter a
            search string.

        \li Select an icon in the list, and then select \uicontrol OK to add
            the icon.

        \li To view the icon you added, press \key {Ctrl+R} (or \key {Cmd+R})
            to run the application.

        \li To adjust the icon color, select the icon on the canvas, and then
            select \uicontrol {Edit Color} in the context menu.

    \endlist

    \QC generates a Qt resource file called \c iso-icons.qrc that adds the
    icons as a part of your project for delivery with your application.

    */