From df60a47cdd0d41e9589ae86a68e212303ab5fd4e Mon Sep 17 00:00:00 2001 From: Leena Miettinen Date: Thu, 19 Dec 2019 16:38:18 +0100 Subject: [PATCH] Doc: Describe using the binding editor in the Design mode States pane ...to create when statements Change-Id: Iec56f6aa76478ca1ffc9803df3dffd4cd7196e65 Reviewed-by: Aleksei German Reviewed-by: Thomas Hartmann --- doc/images/qmldesigner-transitions.png | Bin 3229 -> 5169 bytes doc/images/qtquick-states-binding-editor.png | Bin 0 -> 3422 bytes doc/src/qtquick/qtquick-states.qdoc | 8 ++++++++ 3 files changed, 8 insertions(+) create mode 100644 doc/images/qtquick-states-binding-editor.png diff --git a/doc/images/qmldesigner-transitions.png b/doc/images/qmldesigner-transitions.png index f3599b7ca66f19f53c0ca774a69e5c446893c5e8..8d7309ddc89aa2646a550d7459bc6cdca12a4d3c 100644 GIT binary patch literal 5169 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 v$~C8W=gTe~DWM4fHTR=N literal 3229 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 Co{?7o diff --git a/doc/images/qtquick-states-binding-editor.png b/doc/images/qtquick-states-binding-editor.png new file mode 100644 index 0000000000000000000000000000000000000000..57be12f0ec2e4e626107acd27afea6cc213f4974 GIT binary patch literal 3422 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 II;Vst0N*+zs{jB1 literal 0 HcmV?d00001 diff --git a/doc/src/qtquick/qtquick-states.qdoc b/doc/src/qtquick/qtquick-states.qdoc index 58a02677f6c..5a40828f766 100644 --- a/doc/src/qtquick/qtquick-states.qdoc +++ b/doc/src/qtquick/qtquick-states.qdoc @@ -79,6 +79,14 @@ To determine when the state should be applied, select \uicontrol {Set when Condition} in the menu and specify a \l [QtQuick]{State::when}{when} property for the state. + Set the value of the property to an expression that + evaluates to \c true when you want the state to be applied. + In the binding editor, select the component and property to + create the expression. For example, to change the state when + a button is pressed, you could select a button component and + its pressed property. + + \image qtquick-states-binding-editor.png "Binding editor in States pane" You can preview the states in the \uicontrol States pane and click them to switch between states on the canvas.