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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
|
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
/*!
\page qtquick-properties-view.html
\previouspage qtquick-navigator.html
\nextpage qtquick-connection-view.html
\title Properties
The \uicontrol Properties view displays all the properties of the selected
\l{glossary-component}{component}. The properties are grouped by type. The
top part of the view displays properties that are common to all components,
such as component type, ID, name, geometry, and visibility.
\image qtquick-item-properties-common.png "Basic component properties"
The bottom part of the view displays properties that have been defined for
the component type. For example, the following image displays the predefined
properties you can set for \l{basic-rectangle}{Rectangle} and \l Text
components.
\image qmldesigner-element-properties.png "Rectangle and Text properties"
\section1 Summary of Properties View Buttons
The following table lists the \uicontrol Properties view buttons:
\table
\header
\li Icon
\li Tooltip
\li Read More
\row
\li \inlineimage icons/alias.png
\li Adds a property alias that you can use from outside of the
component for the root component. You can use a menu item
in the actions menu to add property aliases for property
values of child components.
\li \l{Adding Property Aliases}
\row
\li \inlineimage icons/action-icon.png
\li Opens a menu with actions for:
\list
\li Resetting property values to their default values
\li Setting property bindings
\li Creating property aliases
\li Inserting keyframes for timeline animations
\endlist
\li
\list
\li \l{Viewing Changes in Properties}
\li \l{Adding Bindings Between Properties}
\li \l{Adding Property Aliases}
\li \l{Setting Keyframe Values}
\endlist
\row
\li \inlineimage icons/action-icon-binding.png
\li Indicates that the value of the property is bound to the value
of another property. Opens the same menu as the action icon.
\li \l{Adding Bindings Between Properties}
\endtable
\section1 Viewing Changes in Properties
The default values of properties are displayed in white color, while the
values that you specify explicitly are highlighted with blue color. In
addition, property changes in \l{Adding States}{states} are highlighted
with blue.
This allows you to easily see which values are set in the component
file for this component instance and which values are default
characteristics of a component.
When editing states, you can easily see which values are explicitly set in
the current state and which values are derived from the base state.
The following images illustrate this. In the base state, the
\uicontrol Position and \uicontrol Size values are explicitly set
and highlighted.
\image qmldesigner-properties-explicit-base.png "Explicitly set properties"
In \uicontrol State1, only \uicontrol Position is explicitly set and
highlighted.
\image qmldesigner-properties-explicit-state1.png "Explicitly set properties"
Resetting a property sets it back to the default value and removes the value
from the component file.
\note As a result, all boolean values can be visualized in four different
ways.
For example, visibility can be visualized as follows:
\table
\row
\li \image qmldesigner-boolean-true.png
\li TRUE
\li The component is visible by default. The visibility might be
overridden by the visibility set in the base state.
\row
\li \image qmldesigner-boolean-true-blue.png
\li TRUE (highlighted)
\li The component is explicitly set to visible.
\row
\li \image qmldesigner-boolean-false.png
\li FALSE
\li The component is hidden by default. The visibility might be
overridden by the visibility set in the base state.
\row
\li \image qmldesigner-boolean-false-blue.png
\li FALSE (hightlighted)
\li The component is explicitly set to hidden.
\endtable
\section1 Multiselection
To modify the values of common properties of multiple components
simultaneously, select the components in \l Navigator, \l {Form Editor}
or \uicontrol {3D Editor}:
\list
\li On Windows, press and hold \key Ctrl and \key Shift, and then click
the components to select them.
\li On \macos, press \key Shift to select a range of components or
\key Cmd to select multiple single components.
\endlist
You can \l{Locking Components}{lock other components} in
\uicontrol Navigator to make multiselection easier.
\section1 Getting Help for Properties
\list
\li For information about setting common component properties, see
\l{Specifying Component Properties}.
\li For more information about the properties available for a
component, press \key {F1} or see \l{Component Types}
and \l{Scalable Layouts}.
\endlist
*/
|