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 - Enables ICD mode when ICD enabled hardware is connected.
• Ghost Options - Sets the ICD and other Ghost hardware settings.
• Go - Starts the Flowcode simulation engine.
• Pause - Pauses the Flowcode simulation engine.
• Stop - Stops the Flowcode simulation engine.
• Step Into - Steps to the next icon, jumping into a macro call.
• Step Over - Steps to the next icon, jumping over a macro call.
• Step Out - Steps through icons until we are out of the current macro.
• Simulate C Code - Toggles if we will try and simulate any C Code in the project.
• Toggle Breakpoint - Allows a program icon to be tagged to automatically pause the simulation execution when hit.
• Clear All Breakpoints - Switches off all breakpoints.
• Show Code Profiling - Allows code profiling to be switched on or off.
• Reset Code Profiling - Resets the code profiling counters.
  • Show Unexecuted - Toggles if unexecuted icons are highlighted with a cross.
  • Show Value - Toggles if the percentage number of hits is displayed for each icon.

Build Toolbar

• Project Options - Contains settings related to the current Flowcode project.
• Compiler Options - Contains settings related to the Flowcode toolchain locations and programmers.
• Compile To C - Compile the project into C code.
• Compile To Hex - Compile the project into C code and then pass this to the compiler to generate a binary file.
• Compile To Target - Compiles a binary file and attempts to send this to the target microcontroller.
• View C Code - View the current project C code file.
• Compiler Messages - View the messages produced by the compiler during the last compilation operation.

Window Toolbar

• Split Horizontal - Allows two code view windows to be placed on top of each other with a horizontal divider.
• Split Vertical - Allows two code view windows to be placed next to each other with a vertical divider.
• Manage Layouts - Allows custom window layouts to be defined.
• Default - Restores the default window layout.
• User Defined Layouts - Load one of the custom window layouts.

Help Toolbar

• License - Options relating to your Flowcode license.
  • Manage Layouts - Allows you to enter your licensing information or select the 30-day trial or free version.1
  • View - Allows you to see the current licensed feature packs attached to your license.
• Library Updates - Checks for the latest Component, CAL and Target Definition updates.
• Visit Website - Takes you to the Flowcode website.
• Wiki - Takes you to the Flowcode help wiki site.
• Licensing - Takes you to the Flowcode licensing page.
• Forums - Takes you to the Flowcode user 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}}