dedicate617 / ScxmlEditor-Tutorial

ScxmlEditor - powerful tool for creating, editing and debugging scxml files

Video overview - v.1.0

Video overview - v.2.0

Video overview - v.2.1

Scxml Editor 2.1

Powerful tool for creating, editing and debugging SCXML charts.

New: IDE Insight, DOT-based autolayout, SCXML to DOT, Inheritance, visual chart splitting, conditional project definitions, GIF maker etc.

System requirments

Windows 7, 8, 10

! vcredist_x86.exe must be installed before starting application !

You can find portable version here

Zip Link

Latest version: 2.1.0.1370

Table of contents

1. Inheritance

2. Conditional Project Definitions

3. Smart Switch Transitions

4. Building a Project

5. Visual State Chart Splitting

6. DOT-based autolayout

7. Convert SCXML to DOT

Creating SCXML charts

Creating a unit

Unit is a single scxml chart. It is mostly used for simple charts without invokable sessions.

Select File->New Unit or press Shift+Ctrl+N

Creating a project

Project is the most preferred choice of designing scxml charts to get all benefits (custom triggers, nested scxml charts, etc.)

Select File->New Project or press Ctrl+N

Editing SCXML charts

ScxmlEditor provides a project wizard for opening scxml. It supports either opening files with metainformation about the position of states and transitions or plain scxml files. You can use ScxmlEditor to add states and transitions to the chart. You can add executable content to a state chart to enable the state machine to modify its data model and to interact with external entities.

1. Select File->Open Unit or press Shift+Ctrl+O (for all types of .scxml files)
2. Select File->Open Project or press Ctrl+O (for ScxmlEditor .sproj files)

Property inspector

Is used to edit and examine the properties of the currently selected states, executable contents and transitions.

Editor tabs

Are used to add scxml elements, zoom, align, change chart visual options, etc.

NEW! IDE Insight

Press 'Ctrl+.' to call IDE Insight dialog where you may search for all actions through the application. Add shapes, edit properties in one place!

Debugging

ScxmlEditor has an ability to listen UDP commands (AfterEnter, BeforeEnter, AfterExit, BeforeExit, Step, BeforeExecContent, AfterExecContent, BeforeInvoke, AfterInvoke, BeforeUnInvoke, AfterUnInvoke, BeforeTakingTransition, AfterTakingTransition, StableConfiguration, BeforeProcessingEvent). Enter and Exit graphically highlight the corresponding states. You can also trace the execution of the chart and use breakpoints.

Local debugging

1. Based on USCXML framework. Supports null, lua datamodels

2. Based on Qt SCXML framework Supports null, ecmascript datamodels

External debugging

Example of debugging Qt Calculator-QML project

Add the next source code to calculator-qml.cpp

#include "scxmlexternmonitor.h"

g_ScxmlStateMachineName = "CalculatorStateMachine";
qInstallMessageHandler(myMessageOutput);
QLoggingCategory::setFilterRules("qt.scxml.statemachine=true");

Add +=XML to Pro file

1. Select Run->Start listening from external application
2. Select Run->Run
3. Launch Calculator-QML.exe
4. Use Pause for tracing (optionally)