forked from qt-creator/qt-creator
Doc: Improve wording for States and Connections pages
These topic sets cover more than adding so I change "Adding" to "Working with". Task-number: QDS-7995 Change-Id: I240bce10c6cbfc04a686b719bd74cbd353d3de11 Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>
This commit is contained in:
@@ -26,7 +26,7 @@
|
|||||||
/*!
|
/*!
|
||||||
\page state-transition-animations.html
|
\page state-transition-animations.html
|
||||||
\ingroup gstutorials
|
\ingroup gstutorials
|
||||||
\sa States, {Transitions}, {Adding States}
|
\sa States, {Transitions}, {Working with States}
|
||||||
|
|
||||||
\title Animated State Transitions
|
\title Animated State Transitions
|
||||||
\brief Illustrates how to create animated state transitions.
|
\brief Illustrates how to create animated state transitions.
|
||||||
@@ -34,7 +34,7 @@
|
|||||||
\image animated-state-transitions.jpg
|
\image animated-state-transitions.jpg
|
||||||
|
|
||||||
The \e{Animated State Transitions} tutorial illustrates how you can animate
|
The \e{Animated State Transitions} tutorial illustrates how you can animate
|
||||||
the transition between \l{Adding States}{states}.
|
the transition between \l{Working with States}{states}.
|
||||||
|
|
||||||
The starting point of this tutorial is the Car Demo project, you can
|
The starting point of this tutorial is the Car Demo project, you can
|
||||||
download it from
|
download it from
|
||||||
|
@@ -99,7 +99,7 @@
|
|||||||
|
|
||||||
\section1 Using States to Simulate Page Changes
|
\section1 Using States to Simulate Page Changes
|
||||||
|
|
||||||
You will now add \l{Adding States}{states} to the UI to show and hide UI
|
You will now add \l{Working with States}{states} to the UI to show and hide UI
|
||||||
components in the \uicontrol {2D} view, depending on the current page:
|
components in the \uicontrol {2D} view, depending on the current page:
|
||||||
|
|
||||||
\list 1
|
\list 1
|
||||||
@@ -177,7 +177,7 @@
|
|||||||
|
|
||||||
\section1 Learn More
|
\section1 Learn More
|
||||||
\section2 States
|
\section2 States
|
||||||
The \l{Adding States}{state} of a particular visual component is the set of
|
The \l{Working with States}{state} of a particular visual component is the set of
|
||||||
information which describes how and where the individual parts of the visual
|
information which describes how and where the individual parts of the visual
|
||||||
component are displayed within it, and all the data associated with that
|
component are displayed within it, and all the data associated with that
|
||||||
state. Most visual components in a UI will have a limited number of states,
|
state. Most visual components in a UI will have a limited number of states,
|
||||||
|
@@ -262,7 +262,7 @@
|
|||||||
|
|
||||||
\section1 Binding Animation to States
|
\section1 Binding Animation to States
|
||||||
|
|
||||||
You will now bring back the \l{Adding States}{states} in the
|
You will now bring back the \l{Working with States}{states} in the
|
||||||
\uicontrol States view and bind them to the animation settings
|
\uicontrol States view and bind them to the animation settings
|
||||||
in \uicontrol Timeline:
|
in \uicontrol Timeline:
|
||||||
|
|
||||||
|
@@ -53,7 +53,7 @@
|
|||||||
|
|
||||||
The button can have the following states: checked, hover, pressed, and
|
The button can have the following states: checked, hover, pressed, and
|
||||||
normal. We construct the button using different images for the button
|
normal. We construct the button using different images for the button
|
||||||
background, frame, and front. We then add \l{Adding States}{states} in
|
background, frame, and front. We then add \l{Working with States}{states} in
|
||||||
the \l States view for each of the button states. In each state, we turn
|
the \l States view for each of the button states. In each state, we turn
|
||||||
the visibility of the appropriate images on or off in the button properties,
|
the visibility of the appropriate images on or off in the button properties,
|
||||||
to change the appearance of the button.
|
to change the appearance of the button.
|
||||||
|
@@ -188,7 +188,7 @@
|
|||||||
in the top-left corner of the root component.
|
in the top-left corner of the root component.
|
||||||
|
|
||||||
Then, we open the \uicontrol States view to create the \e start,
|
Then, we open the \uicontrol States view to create the \e start,
|
||||||
\e settings, \e presets, and \e running \l{Adding States}{states} for
|
\e settings, \e presets, and \e running \l{Working with States}{states} for
|
||||||
displaying a particular screen by selecting \uicontrol {Create New State}.
|
displaying a particular screen by selecting \uicontrol {Create New State}.
|
||||||
|
|
||||||
\image washingmachineui-states.png "States view"
|
\image washingmachineui-states.png "States view"
|
||||||
|
@@ -139,7 +139,7 @@
|
|||||||
PNG file, as a border and a background.
|
PNG file, as a border and a background.
|
||||||
|
|
||||||
Use two border images and suitable graphics to change the appearance of
|
Use two border images and suitable graphics to change the appearance of
|
||||||
a button when it is clicked. You can use use \l{Adding States}{states}
|
a button when it is clicked. You can use use \l{Working with States}{states}
|
||||||
to determine which image is visible depending on whether the mouse
|
to determine which image is visible depending on whether the mouse
|
||||||
button is pressed down. You could add more images and states to
|
button is pressed down. You could add more images and states to
|
||||||
change the appearance of the button depending on other mouse events,
|
change the appearance of the button depending on other mouse events,
|
||||||
|
@@ -65,7 +65,7 @@
|
|||||||
\image qmldesigner-bindings.png "Connections view Bindings tab"
|
\image qmldesigner-bindings.png "Connections view Bindings tab"
|
||||||
\li Add states to apply sets of changes to the property values of one
|
\li Add states to apply sets of changes to the property values of one
|
||||||
or several component instances in the \uicontrol States view.
|
or several component instances in the \uicontrol States view.
|
||||||
For more information, see \l{Adding States}.
|
For more information, see \l{Working with States}.
|
||||||
\li Animate the properties of component instances in the
|
\li Animate the properties of component instances in the
|
||||||
\uicontrol Timeline view. For more information, see
|
\uicontrol Timeline view. For more information, see
|
||||||
\l{Creating Timeline Animations}.
|
\l{Creating Timeline Animations}.
|
||||||
|
@@ -85,7 +85,7 @@
|
|||||||
your UI.
|
your UI.
|
||||||
\li Use as few components as necessary. To minimize the number of
|
\li Use as few components as necessary. To minimize the number of
|
||||||
components, use \l{Adding Property Aliases}{alias properties} and
|
components, use \l{Adding Property Aliases}{alias properties} and
|
||||||
\l{Adding States}{states} to create the differences in your
|
\l{Working with States}{states} to create the differences in your
|
||||||
component instances. We recommend reusing components
|
component instances. We recommend reusing components
|
||||||
instead of duplicating them, so the components do not need to be
|
instead of duplicating them, so the components do not need to be
|
||||||
processed as completely new component types. This reduces loading
|
processed as completely new component types. This reduces loading
|
||||||
|
@@ -54,7 +54,7 @@
|
|||||||
exported as a public property of the relevant component. For example,
|
exported as a public property of the relevant component. For example,
|
||||||
a speedometer should have a property for speed to which the UI is bound.
|
a speedometer should have a property for speed to which the UI is bound.
|
||||||
|
|
||||||
You can declare various \l{Adding States}{UI states} that describe how
|
You can declare various \l{Working with States}{UI states} that describe how
|
||||||
property values change from a base state. States can be a useful way of
|
property values change from a base state. States can be a useful way of
|
||||||
organizing your UI logic. You can associate transitions with components
|
organizing your UI logic. You can associate transitions with components
|
||||||
to define how their properties will animate when they change due to a
|
to define how their properties will animate when they change due to a
|
||||||
@@ -122,7 +122,7 @@
|
|||||||
\li \l{Adding Property Aliases}
|
\li \l{Adding Property Aliases}
|
||||||
\row
|
\row
|
||||||
\li Referencing a state from within a specific component
|
\li Referencing a state from within a specific component
|
||||||
\li \l{Adding States}
|
\li \l{Working with States}
|
||||||
\row
|
\row
|
||||||
\li Switching to a state when a particular property changes
|
\li Switching to a state when a particular property changes
|
||||||
\li \l{Applying States}
|
\li \l{Applying States}
|
||||||
|
@@ -71,7 +71,7 @@
|
|||||||
\uicontrol {Flow Decision} components from
|
\uicontrol {Flow Decision} components from
|
||||||
\uicontrol Components > \uicontrol {Flow View}, as described in
|
\uicontrol Components > \uicontrol {Flow View}, as described in
|
||||||
\l{Simulating Conditions}.
|
\l{Simulating Conditions}.
|
||||||
\li Use \l{Adding States}{states} in flows to modify the appearance
|
\li Use \l{Working with States}{states} in flows to modify the appearance
|
||||||
of components on screens in response to user interaction, as
|
of components on screens in response to user interaction, as
|
||||||
described in \l{Applying States in Flows}.
|
described in \l{Applying States in Flows}.
|
||||||
\li Use \uicontrol {Flow Wildcard} components from
|
\li Use \uicontrol {Flow Wildcard} components from
|
||||||
@@ -642,7 +642,7 @@
|
|||||||
|
|
||||||
\title Applying States in Flows
|
\title Applying States in Flows
|
||||||
|
|
||||||
You can use \l{Adding States}{states} in flows to modify the appearance
|
You can use \l{Working with States}{states} in flows to modify the appearance
|
||||||
of \l{glossary-component}{components} in flow items in response to user
|
of \l{glossary-component}{components} in flow items in response to user
|
||||||
interaction, for example. For this purpose, you use the
|
interaction, for example. For this purpose, you use the
|
||||||
\uicontrol {Flow Item} components available in
|
\uicontrol {Flow Item} components available in
|
||||||
|
@@ -50,7 +50,7 @@
|
|||||||
\endtable
|
\endtable
|
||||||
|
|
||||||
You can edit the properties of the controls in all the preset
|
You can edit the properties of the controls in all the preset
|
||||||
\l{Adding States}{states} to apply your own style to them.
|
\l{Working with States}{states} to apply your own style to them.
|
||||||
|
|
||||||
\note For buttons and check boxes, you can disable the misbehaving hover
|
\note For buttons and check boxes, you can disable the misbehaving hover
|
||||||
effects by selecting \l Properties > \uicontrol Control, and then disabling
|
effects by selecting \l Properties > \uicontrol Control, and then disabling
|
||||||
|
@@ -143,7 +143,7 @@
|
|||||||
|
|
||||||
\list
|
\list
|
||||||
\li \l{Connections}
|
\li \l{Connections}
|
||||||
\li \l{Adding Connections}
|
\li \l{Working with Connections}
|
||||||
\endlist
|
\endlist
|
||||||
|
|
||||||
\section1 Device
|
\section1 Device
|
||||||
@@ -271,7 +271,7 @@
|
|||||||
|
|
||||||
\list
|
\list
|
||||||
\li \l{States}
|
\li \l{States}
|
||||||
\li \l{Adding States}
|
\li \l{Working with States}
|
||||||
\endlist
|
\endlist
|
||||||
|
|
||||||
\section1 Transition
|
\section1 Transition
|
||||||
|
@@ -140,13 +140,13 @@
|
|||||||
\endlist
|
\endlist
|
||||||
\li \l{Dynamic Behaviors}
|
\li \l{Dynamic Behaviors}
|
||||||
\list
|
\list
|
||||||
\li \l{Adding Connections}
|
\li \l{Working with Connections}
|
||||||
\list
|
\list
|
||||||
\li\l{Connecting Components to Signals}
|
\li\l{Connecting Components to Signals}
|
||||||
\li\l{Adding Bindings Between Properties}
|
\li\l{Adding Bindings Between Properties}
|
||||||
\li\l{Specifying Custom Properties}
|
\li\l{Specifying Custom Properties}
|
||||||
\endlist
|
\endlist
|
||||||
\li \l{Adding States}
|
\li \l{Working with States}
|
||||||
\endlist
|
\endlist
|
||||||
\li \l{Validating with Target Hardware}
|
\li \l{Validating with Target Hardware}
|
||||||
\list
|
\list
|
||||||
|
@@ -35,7 +35,7 @@
|
|||||||
when the values of other components or the UI state change.
|
when the values of other components or the UI state change.
|
||||||
|
|
||||||
\list
|
\list
|
||||||
\li \l {Adding Connections}
|
\li \l {Working with Connections}
|
||||||
|
|
||||||
You can create connections between the UI components and
|
You can create connections between the UI components and
|
||||||
the application to enable them to communicate with each other. For
|
the application to enable them to communicate with each other. For
|
||||||
@@ -47,7 +47,7 @@
|
|||||||
binding their properties together. This way, when the value of a
|
binding their properties together. This way, when the value of a
|
||||||
property changes in a parent component, it can be automatically
|
property changes in a parent component, it can be automatically
|
||||||
changed in all the child components, for example.
|
changed in all the child components, for example.
|
||||||
\li \l {Adding States}
|
\li \l {Working with States}
|
||||||
|
|
||||||
You can declare various UI states that describe how component
|
You can declare various UI states that describe how component
|
||||||
properties change from a base state. Therefore, states can be
|
properties change from a base state. Therefore, states can be
|
||||||
|
@@ -28,7 +28,7 @@
|
|||||||
\previouspage qtquick-adding-dynamics.html
|
\previouspage qtquick-adding-dynamics.html
|
||||||
\nextpage quick-signals.html
|
\nextpage quick-signals.html
|
||||||
|
|
||||||
\title Adding Connections
|
\title Working with Connections
|
||||||
|
|
||||||
\list
|
\list
|
||||||
\li \l{Connecting Components to Signals}
|
\li \l{Connecting Components to Signals}
|
||||||
|
@@ -97,14 +97,14 @@
|
|||||||
\li \l{Connections}
|
\li \l{Connections}
|
||||||
\li Enables you to add functionality to the UI by creating
|
\li Enables you to add functionality to the UI by creating
|
||||||
connections between components, signals, and component properties.
|
connections between components, signals, and component properties.
|
||||||
\li \l{Adding Connections}
|
\li \l{Working with Connections}
|
||||||
\row
|
\row
|
||||||
\li \l States
|
\li \l States
|
||||||
\li Displays the different states that can be applied to a component.
|
\li Displays the different states that can be applied to a component.
|
||||||
Typically, states describe UI configurations, such as the
|
Typically, states describe UI configurations, such as the
|
||||||
visibility and behavior of components and the available user
|
visibility and behavior of components and the available user
|
||||||
actions.
|
actions.
|
||||||
\li \l{Adding States}
|
\li \l{Working with States}
|
||||||
\row
|
\row
|
||||||
\li \l{Transitions}
|
\li \l{Transitions}
|
||||||
\li Enables you to make movement between states smooth by animating
|
\li Enables you to make movement between states smooth by animating
|
||||||
|
@@ -146,7 +146,7 @@
|
|||||||
the \l {3D} view nor access their properties in
|
the \l {3D} view nor access their properties in
|
||||||
\uicontrol Properties.
|
\uicontrol Properties.
|
||||||
|
|
||||||
If you attempt to \l{Adding States}{remove a state} that changes the
|
If you attempt to \l{Working with States}{remove a state} that changes the
|
||||||
properties of a locked component, you are prompted to confirm the removal.
|
properties of a locked component, you are prompted to confirm the removal.
|
||||||
|
|
||||||
If you have \l{Editing Animation Curves}{added easing curves} to keyframe
|
If you have \l{Editing Animation Curves}{added easing curves} to keyframe
|
||||||
@@ -234,7 +234,7 @@
|
|||||||
\image qmldesigner-export-item.png
|
\image qmldesigner-export-item.png
|
||||||
|
|
||||||
You can then use the property alias in other components to
|
You can then use the property alias in other components to
|
||||||
\l{Adding Connections}{create connections} to this component.
|
\l{Working with Connections}{create connections} to this component.
|
||||||
|
|
||||||
\section1 Moving Within Components
|
\section1 Moving Within Components
|
||||||
|
|
||||||
|
@@ -108,7 +108,7 @@
|
|||||||
|
|
||||||
The default values of properties are displayed in white color, while the
|
The default values of properties are displayed in white color, while the
|
||||||
values that you specify explicitly are highlighted with blue color. In
|
values that you specify explicitly are highlighted with blue color. In
|
||||||
addition, property changes in \l{Adding States}{states} are highlighted
|
addition, property changes in \l{Working with States}{states} are highlighted
|
||||||
with blue.
|
with blue.
|
||||||
|
|
||||||
This allows you to easily see which values are set in the component
|
This allows you to easily see which values are set in the component
|
||||||
|
@@ -175,7 +175,7 @@
|
|||||||
If the \uicontrol Clip check box is selected, the component and its children
|
If the \uicontrol Clip check box is selected, the component and its children
|
||||||
are clipped to the bounding rectangle of the component.
|
are clipped to the bounding rectangle of the component.
|
||||||
|
|
||||||
in the \uicontrol State field, select the \l{Adding States}{state} to
|
in the \uicontrol State field, select the \l{Working with States}{state} to
|
||||||
change the value of a property in that state.
|
change the value of a property in that state.
|
||||||
|
|
||||||
\section1 Picking Colors
|
\section1 Picking Colors
|
||||||
|
@@ -30,8 +30,8 @@
|
|||||||
|
|
||||||
\title States
|
\title States
|
||||||
|
|
||||||
The \uicontrol States view displays the different \l{Adding States}{states}
|
The \uicontrol States view displays the different
|
||||||
of a UI.
|
\l{Working with States}{states} of a UI.
|
||||||
|
|
||||||
\image qmldesigner-transitions.png "States view"
|
\image qmldesigner-transitions.png "States view"
|
||||||
|
|
||||||
|
@@ -33,7 +33,7 @@
|
|||||||
\nextpage exporting-3d-assets.html
|
\nextpage exporting-3d-assets.html
|
||||||
\endif
|
\endif
|
||||||
|
|
||||||
\title Adding States
|
\title Working with States
|
||||||
|
|
||||||
You can define states for components and component instances in the
|
You can define states for components and component instances in the
|
||||||
\l States view by selecting \inlineimage icons/plus.png
|
\l States view by selecting \inlineimage icons/plus.png
|
||||||
|
@@ -34,7 +34,7 @@
|
|||||||
\uicontrol {Transitions} to animate the changes between
|
\uicontrol {Transitions} to animate the changes between
|
||||||
states.
|
states.
|
||||||
|
|
||||||
First, you need to \l{Adding States}{add states} in the \l States view
|
First, you need to \l{Working with States}{add states} in the \l States view
|
||||||
and \l{Specifying Component Properties}{edit some properties} that can be
|
and \l{Specifying Component Properties}{edit some properties} that can be
|
||||||
animated, such as colors or numbers, in the \l Properties view. For example,
|
animated, such as colors or numbers, in the \l Properties view. For example,
|
||||||
you can animate the changes in the position of a component.
|
you can animate the changes in the position of a component.
|
||||||
|
Reference in New Issue
Block a user