Skip to main content

Transitions configuration

SetThis page describes how to set up transitions between the three States created in the previous operation. InThese state transitions can be configured in the State Machine Editor,Editor. 

More information about state transitions arecan setbe usingfound Transitions. This transition consists of a Sender, Condition, and Action. Therefore, if the set Condition is evaluated as "true," the set Action is executed.here.

State Transition ConfigurationsConfiguration

The Transition function of the State Machine Editor isdefines usedhow and when the system moves from one state to set up transitions between states.another. Transitions are indicated by connecting eachtwo statestates with an arrow.

  1. Drag a State Transition from the toolbarState inMachine theEditor's uppertop right corner of the state machine editor,toolbar, and drop theit draggedonto transition into the "Car_Cluster" State (Transition start side).
    • A State Transition (arrow)arrow appearsis oncreated, the statetail machineof editor andwhich is inlinked ato draggingthe "Car_Cluster" State.
  2. The State Transition arrow's head can now be dragged across the diagram to define the target state.
    drawing-4-1714458011.pngdrawing-4-1714458011.png


  3. ExtendDrag the State Transition (arrow)arrow's tohead onto the "Incoming_Call" State (Transition end side) and attach it with a mouse-click.
    • The two states, "Car_Cluster" and "Incoming_Call", are connected by arrows.a State Transition arrow.
      drawing-4-1714392159.pngdrawing-4-1714392159.png

  4. WithSelect the State Transition selected, from the lower left ofin the State Machine Editordiagram panel,and click the [ Fusion...] ].
    • The panel will switch to the Fusion panel and the Fusion diagram for the Transition will be displayed.
    The connector (Condition)button in the upperBehavior/Fusion rightConfiguration cornerPanel ofin the TransitionState Machine Editor's bottom left.
      Fusion will be opened, displaying the Transition's Fusion diagram.
      A Check Click Fusion node is connected to the Check ClickTransition Fusion node.node's Condition connector.

      DragClick andon move the mouse over the Actions connector in the lower right corner of the Transition Fusion nodenode's andActions release the left mouse button anywhere.connector.
      • The [ Select Behavior ]Behavior] dialog will appear.
        be opened.

        Instead of clicking on the Actions connector, you can click and drag the connector to a desired location in the diagram where the new Fusion node will be positioned.

        drawing-4-1714392302.pngdrawing-5-1762512316.png

      Enter "Transition Request" in the search field at the top of the dialog.
      • TheWhile typing, the list of behaviors in the dialog will be narrowed down to [ Action>Transition>Transition Request ].down.

      Double-click [Action > Transition Request.> Transition Request].
      • TheA new Transition Request Fusion node will be created. It is linked to the Actions connector of the Transition Fusion node.

      The following settings are made forConfigure the Transition Request Fusion node.
      node
        according Setto the table belowThe scene assigned to bethe transitionedproperty to[Identifier] indetermines the [destination Identifierof ].the transition.
        • This operation completes the configuration of the transition settings from "Car_Cluster" to "Incoming_Call".
        • Click the up arrow icon in the upper right corner of the Fusion panel to switchnavigate theback display to the State Machine Editor.
          Property Configuration RequestType Activate Identifier Solution > Scenes > Incoming_Call
          drawing-5-1726822648.pngdrawing-5-1762513559.png

        Repeat the stepsteps 1 through step 7 above to setconfigure the following five transitions.
        • AllThis RequestTypefinalizes the configuration of our State Transitions.
        Scene Car_Status is activated whenever State Car_Status is entered. Scene Car_Cluster is entered whenever State Car_Cluster is entered etc. The final State Machine diagram will belook Activatelike (default).
        the image shown below.
        Transition RequestType
        Identifier IdentifierFrom To Incoming_Call to Car_Status Activate Solution>Scenes>Car_Status Car_Status to Car_Cluster Activate Solution>Scenes>Car_Cluster Solution>Scenes>Car_Cluster> Car_Status Activate Solution>Scenes>Car_Status Car_Status to Incoming_Call Activate Solution>Scenes>Incoming_Call Incoming_Call to Car_Cluster Activate Solution>Scenes>Car_Cluster
        When all settings have been completed, the diagram below shows the state.
        drawing-4-1712032875.pngdrawing-4-1712032875.png

        The above settings set the scene to be displayed when the transition from each scene occurs.

        Handle Control State

        In the previous section, youwe used Transition to setconfigured the transitionState betweenTransitions eachand the activation of the respective scene. Next, youwe will setdefine the conditions underfor whichtriggering these transitions occur.. TheEach State Transition you added has aan Conditionattached behavior called "Check Click" initiallyCondition set.Behavior Therefore,by default. In the following steps we will add a "Handle Control State" is addedbehavior to the targetTellTale nodecontrols in"IndicatorLeft" orderand "IndicatorRight". This makes the Indicators behave like a control, enabling them e.g. to sendemit stateclick events from each scene as triggers to this Condition behavior.events.

        1. FromIn the Solution Explorer, navigate to [Solution > Scenes > Car_Cluster] and double-click [the Scenes>Car_Cluster ].scene.
          • "Car_Cluster"The Scene Editor will appearbe inopened, displaying the scene "Car_Cluster".
        2. The Scene Tree panel will show the scene's scene tree.
        3. AnIn the Scene Tree panel's right side, an extra scene tree willis appearavailable, todisplaying the right[Fusion...] ofbutton and the scenecurrently tree.selected RenderNode's Behaviors and Effects.

        4. ClickIn onthe [Scene Cluster>StatusTop>TelltalesTree ]panel, inexpand the scene tree toalong expandthe it.following path: Cluster > StatusTop > Telltales. 
          • The groupGroup2D nodes Brake, AirBag, Engine, OpenDoors, IndicatorRight, and IndicatorLeft will be displayed.

            To expand a Group2D node, you can either double-click it or you can single-click on the little triangle to it's left.



        5. ClickIn onthe Scene Tree panel, select the IndicatorRight groupGroup2D nodenode, andthen click on the [ Fusion... ] button in the Extra Scene tree.
          • Switch to the Fusion panelwill andbe opened, displaying the Fusion diagram of IndicatorRight will be displayed..
            drawing-4-1730460643.pngdrawing-5-1762524801.png

        6. DragIn andFusion, moveclick the mouse over theBehaviors connector on the right side of the IndicatorRight Fusion node in the Fusion diagram and release left click anywhere.node.
          • The [ Select Behavior ]Behavior] dialog will appear.be opened.

        7. EnterIn the Select Behavior dialog, enter "Handle Control stateState" in the search field at the top of the dialog.top.
          • The list of behaviors in the dialog will be narrowed down to [ Control > Internal > Handle Control state ]State].

        8. Double-click the "Handle Control state"State".
          • Handle Control stateState Fusion node will be linked to the IndicatorLeftIndicatorRight Fusion node.
            drawing-4-1714394152.pngdrawing-4-1714394152.png

        9. Perform the stepsteps 3 through step 6 above for "IndicatorLeft" as well.
          • TheIndicatorLeft sameand settingsIndicatorRight are madenow behaving like controls. They are e.g. able to emit click events.

        Repeat steps 1 through 7 for "IndicatoRight"scenes and "IndicatorLeft" in the "Car_Status" and "Incoming_Call", scenes.

        With the above settings, State events are sent to Condition "Check Click" as State conditions.

        Transition Conditions

        Finally, to connect the event destination of theadding Handle Control State behaviors to thetheir Condition,IndicatorLeft theand configurationIndicatorRight work is donecomponent in the same manner.

        With the configurations above, IndicatorLeft and IndicatorRight are configured to behave like a control. They are e.g. able to emit click events.

        Conditions for the State MachineTransitions

        Editor.

        Finally, each State Transition's 'Check Click Condition Behavior' has to be configured with a sender - the control that emits the click event. We have set up IndicatorLeft and IndicatorRight to send click events, so they can be configured as senders.

        1. OnIn the State Machine Editor, select Transitionthe state transition from "Car_Cluster" to "Incoming_Call".

        2. WithClick Transitionthe selected,[Fusion...] frombutton in the lower left of the State Machine Editor panel, click [ Fusion... ].
          • TheFusion panel will switchbe toopened, thedisplaying Fusion panel and the Fusion diagram forof the Transitionselected willstate be displayed.transition.
          • The connector (Condition) in the upper right corner of the Transition Fusion nodenode's Condition connector is connectedlinked to the Check Click Fusion node.

        3. ClickIn Fusion at the Check Click Fusion node, click the 'Select itemitem' icon to the right of the [Sender] Sender ] in the Check Click Fusion node.property.
          • The [ Choose Item ]Item] dialog will appear.be opened.

        4. SelectIn the IndicatorRightChoose nodeItem ofdialog, thenavigate sceneto thatand willselect be the source of the screen transition from[Solution the> listCar_Cluster on> theCluster left> sideStatusTop of> the dialogIndicatorRight], andthen press theclick [ OK ] button in the dialog.OK].
          • In this case, select [ Solution>Car_Cluster>Cluster>StatusTop>IndicatorRight ].
          • IndicationRight will appearbe displayed in the Sender property of Check Click.
            drawing-4-1714394249.pngdrawing-4-1714394249.png

          • Click on the up arrow icon located in the upper upper-right corner of the Fusion panel.
            • The displayState switchesMachine from the FusionEditor panel towill be opened, displaying the State Machine Editor panel.diagram.

          • Repeat steps 1 through 5 to configure the abovesender operationproperty for otherthe interstateremaining transitionsCheck toClick setCondition behaviors, applying the Sender.configurations from the table below.
            • SpecifyAll IndicatorRight for clockwisestate transitions andare IndicatorLeftnow forconfigured counterclockwise transitions.correctly.
              Transition
              Check Click > Sender From To
              Incoming_Call to Car_Status Incoming_Call > ... >IndicatorRight Car_Status to Car_Cluster Car_Status > ... > IndicatorRight Car_Cluster to Car_Status Car_Cluster > ... > IndicatorLeft Car_Status to Incoming_Call Car_Status > ... > IndicatorLeft Incoming_Call to Car_Cluster Incoming_Call > ... > IndicatorLeft

          The above stepsThis completes the setup for executing transitions between States based on triggers and events received from the scene. Confirmation of the state transitions settingtriggered onby thisclick pageevents willemitted beby performeda oncontrol, which then leads to an activation of a new scene. In the next page.chapter, we will confirm the functionality of our configuration.