From b4a8d75d17e2e30a46785376dcf4920189706761 Mon Sep 17 00:00:00 2001 From: Teea Poldsam Date: Tue, 23 Apr 2024 14:41:55 +0300 Subject: Doc: Update Applying Effects to Transitions Fixes: QDS-11494 Change-Id: Ib4a8e09f1ec158aa96f90e78e7a232520f78061a Reviewed-by: Johanna Vanhatapio --- .../src/qtdesignstudio-app-flows.qdoc | 38 +++++++++++++--------- 1 file changed, 23 insertions(+), 15 deletions(-) diff --git a/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc index 5e4a503800..4301562457 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc +++ b/doc/qtdesignstudio/src/qtdesignstudio-app-flows.qdoc @@ -376,13 +376,13 @@ \title Applying Effects to Transitions - You can apply effects, such as fade, move, or push to + You can apply effects, such as fade, move, or push, to \l{Adding Action Areas and Transitions}{transitions} between \l{Adding Flow Items}{flow items}. A fade effect makes the first flow item appear to fade out, while the next flow item fades in. A move effect makes the second flow item appear to move in over the - first flow item, while the push effect appears to make a flow item - push out the previous one. You can also design and use custom effects. + first flow item. The push effect makes a flow item appear to push out the previous one. + You can also use your own custom effects that you have created with some other tool. The transition direction determines the direction the new flow item appears from: left, right, top, bottom. You can set the duration of the effect and @@ -392,34 +392,42 @@ \list 1 \li Select a transition line in the \l {2D} view. - \li In the context menu, select \uicontrol {Flow} > - \uicontrol {Assign Flow Effects}, and then select the effect - to apply. + \li Right-click the transition line to open the context menu, select \uicontrol {Flow} > + \uicontrol {Flow Effects}, and then select the effect to apply. \li In \l Properties, modify the properties of the effect. \endlist - To edit effect properties later, select a transition, and then select - \uicontrol {Flow} > \uicontrol {Select Effect} in the context menu. + To edit effect properties later, select a transition, open the context menu, and then select + \uicontrol {Flow} > \uicontrol {Select Effect}. + + To use your own custom effects, select a transition, open the context menu, and then select + \uicontrol {Flow} > \uicontrol {Flow Effects} > \uicontrol {Assign Custom FlowEffect}. + Then specify the path to your custom effect file. + + To remove the current effect from a transition, select a transition, open the context menu, + and then select \uicontrol {Flow} > \uicontrol {Flow Effects} > + \uicontrol {Assign FlowEffect None}. \section1 Flow Effect Properties - You can specify basic properties for a \uicontrol {Flow Effect} - component in the \l Type and \l ID fields in the \uicontrol Component - section in the \uicontrol Properties view. + Specify basic properties for a \uicontrol {Flow Effect} component in the \l Type and + \l ID fields in the \uicontrol Component section in the \uicontrol Properties view. \image studio-flow-effect-properties.png "Flow Effect properties" - You can set the duration and easing curve of all flow effects: + Set the duration and easing curve of flow effects in the \uicontrol {Transition Effect} + section: \list \li In the \uicontrol Duration field, specify the duration of the effect. \li Select the \inlineimage icons/curve_editor.png - button to open \uicontrol {Easing Curve Editor} for attaching an + button to open \uicontrol {Easing Curve Editor} to attach an \l{Editing Easing Curves}{easing curve} to the effect. \endlist - For a move or push effect, you can set some additional properties: + Set some additional properties for a move or push effect in the \uicontrol {Push Effect} + or \uicontrol {Move Effect} section: \image studio-flow-effect-push-properties.png "Flow Push Effect properties" @@ -431,7 +439,7 @@ \li In the \uicontrol {Incoming opacity} and \uicontrol {Outgoing opacity} fields, specify the opacity of the effect as a number between 0 and 1. - \li Select the \uicontrol Reveal check box to reveal the + \li Select the \uicontrol Reveal checkbox to reveal the \uicontrol {Flow Item} where the transition starts. \endlist */ -- cgit v1.2.3