Ribbon Toolbar

Introduction

The Flowcode environment consists of a main work area in which the flowchart windows are displayed, several toolbars that allow icon and components to be added to the flowchart application, windows that allow the status of the microcontroller and attached components to be viewed and windows that display variables and macro calls when the flow chart is being simulated.

From the View menu you are able to customise Flowcode to hide and display panel windows such as the Dashboard Panel, System Panel, Properties Panel, Component Debugger and much more, you can also show / hide the Toolbars referenced as Toolboxes, e.g. the 'Main Toolbar', 'Components Toolbar' or rather Toolbox, as well as the 'Icons Toolbar' otherwise known as the 'Command Toolbox'

File Menu

The file menu allows you to start a new project, open an existing project and save a project.

You can also import a 3D model onto the 3D panel and export the project as a component or App Developer application.

Edit Toolbar

The edit toolbar provides some common items to simplify program editing such as copy, paste and icon grouping.

• Undo - Moves back a step in the Change_History.
• Redo - Moves forward a step in the Change_History.
• Cut - Cuts the selected flowchart / state machine / component to the clipboard.
• Copy - Copies the selected flowchart / state machine / component to the clipboard.
• Paste - Pastes the contents of the clipboard into the code view / panel.
• Delete - Deletes the selected flowchart / state machine / component from the project.
• Bookmark - Bookmarks a flowchart / state machine icon.
• Annotation - Controls the annotation style allowing you to make all annotations visible or invisible.
• Group - Groups the selected flowchart icons together into a single group icon.
• Ungroup - Ungroups a group icon back into individual flowchart icons.
• Customise C Code - Allows the generated C code for an icon to be overridden.
• Toggle Disable - Allows an icon or selection of icons to be disabled or re-enabled.
• Properties - Goes into the icon properties for the selected icon.
• Key Mappings - Edits the simulation keyboard mappings.

View Toolbar

The following elements can be switched on and off using the view toolbar section of the main ribbon.

• Project Explorer - The project explorer provides a central place to monitor and manipulate the key constituents of your project.
• 2D: Dashboard Panel - The Dashboard Panel provides a 2D window on which to load Flowcode components.
• 3D System Panel - The System Panel provides a 3D (real-world) framework on which to load Flowcode components.
• Component Properties - The component properties window allows you to view and edit settings specific to the current selected component.
• Find_and_Replace - The find and replace window allows you to search the current macro or project for a keyword and provides means to replace the keyword and filter by icon type.
• Change History - A text-based history of recent changes in the program allowing you to jump forwards and backward through the change history.
• Data Recorder - A means to see waveform history during simulation or using Ghost enabled hardware.
• Oscilloscope - A means to see repeating waveforms as you would on a standard oscilloscope during simulation or using Ghost enabled hardware.
• Consoles - Used for textual based logs, debugging and memory viewing.
• Component_Debugger - Used to provide addition advanced debugging when creating components.
• Analog Window - The analogue inputs window monitors the various analogue input pins on the selected target microcontroller device.
• Digital Pins - The digital pins window monitors the various digital input / output pins on the selected target microcontroller device.
• Watch Window - This window appears when simulating a flowchart to allow you to see the values or variables and the current macro.
• Wiki - Provides access to the Flowcode help wiki.
• Licensing - Provides access to your Flowcode license details.
• Forums - Provides access to the Flowcode user forums to ask questions as well as share code and projects.
• Target Device - Provides a view of the selected target microcontroller pins.
• Icon Lists - This window shows a lists of various icons in the project.
• Zoom - Controls the zoom level of the current flowchart or state diagram window.
• Global Settings - A window for various application settings such as icon draw style, component include directories and network settings.
• Status Bar - A bar at the bottom of the application showing useful information.

Icons Toolbar

Drag and drop Flowchart and State Diagram icons from the Command Icons toolbar onto the main flowchart window to create your flowchart application.

The Icons tab of the Project explorer window also contains Flowchart and State Diagram icons.

Embedded toolbar

App Creator toolbar

State Diagrams toolbar

Components Toolbar

This toolbar displays the component libraries that can be included in your program. Click on a component and it can be added onto either the Dashboard Panel or the System Panel.

The properties of the component such as Pin connections, Configuration Parameters and other settings can be edited using the Properties window.

Embedded Toolbar

App Creator Toolbar

A full list of the Flowcode Components can be found here along with detailed information and examples.

User Macros Toolbar

The user macros toolbar allows access to create new macros and to browse through existing macros in the project.

• New Macro - Brings up the add macro dialogue box to create a new software subroutine.
• Edit Macro Details - Allows the details of a macro to be edited such as the name, parameters or returns.
• Duplicate Macro - Allows the parameters, returns and code in a macro to be copied into a new macro to speed up development time when creating similar macros.
• Export Macro - Allows a macro to be exported to a file for use in another project.
• Import Macro - Allows an exported macro file to be imported into the current project.
• Delete Macro - Removes a macro from your program.
• Flowchart - Displays the selected macro as a Flowchart.
• Blocks - Displays the selected macro as code blocks.
• C Code - Displays the selected macro as C Code.
• PseudoCode - Displays the selected macro as Pseudocode.
• State Diagram - Displays the selected macro as a State Diagram.

Debug Toolbar

• Enable ICD
• Ghost Options
• Go
• Pause
• Stop
• Step Into
• Step Over
• Step Out
• Simulate C Code
• Toggle Breakpoint
• Clear All Breakpoints
• Show Code Profiling
• Reset Code Profiling
  • Show Unexecuted
  • Show Value

Build Toolbar

• Project Options
• Compiler Options
• Compile To C
• Compile To Hex
• Compile To Target
• View C Code
• Compiler Messages
• Compiler Messages

Window Toolbar

• Split Horizontal
• Split Vertical
• Manage Layouts
• Default
• User Defined Layouts

Help Toolbar

• License
• Library Updates
• Visit Website
• Wiki
• Licensing
• Forums

Video instructions

See the Accessing and Arranging Flowcode Panels video to learn how to organize the application to your preference and manage your work space effectively for optimal productivity and ease of access.

Watch the Toolbars and Buttons video to learn how to use each toolbar effectively as well as learning specific details and functions of each toolbar button.

Finally, view the Tabbed Flowcharts and Macros video to see how to control the interface when managing macros, from tabbed flowcharts and macros to viewing two macro flowcharts on one screen.

FXa7LJsRvAs}}		9c6FIZTfGmA}}
{{#ev:youtube|c0d47BSkKS4}}