Jump to content

Exercise - Create an LED Component: Difference between revisions

From Flowcode Help
No edit summary
No edit summary
Line 22: Line 22:
::* Change it to 'LEDcomponent'.
::* Change it to 'LEDcomponent'.


* Next, add a new property, 'color' to the component.  
* Next, add two properties to the LED. The first allocates a color. The second sets up a connection from the LED to the controlling microcontroller.
 
* First add a default color to the component, using a new property called 'color'.  
: To do this:
: To do this:
::* De-select the hemisphere by clicking anywhere outside it in the Systems Panel.
::* De-select the hemisphere by clicking anywhere outside it in the Systems Panel.
Line 32: Line 34:
::* Type "color" for the 'Property variable' name.
::* Type "color" for the 'Property variable' name.


* In the same way, add another new property, with Cosmetic name "Connection", Property type 'Single digital pin' and Property variable name "pin".
* In the same way, then add another new property to specify the default connection. Give it a Cosmetic name "Connection", with Property type 'Single digital pin' and a Property variable name "pin".


* Finally, configure these properties. To do this:
* Finally, configure these properties. To do this:

Revision as of 09:46, 21 May 2013

  • Open a new Flowcode flowchart.
  • If they are not, then select them in the View Menu.
  • Click on the hemisphere shape in the Shapes menu and drag one onto the Systems Panel.
File:Panel Toolbar Shapes3D.png



  • The blue dotted square around it shows that this object is currently selected.
  • Right-click and select 'Center all objects' from the menu.
  • Change the name of the component to 'LEDcomponent'.
To do this:
  • Find the 'handle' of the component at the top of the Panel Properties.
  • Click on the name 'shape' (the default name).
  • Change it to 'LEDcomponent'.
  • Next, add two properties to the LED. The first allocates a color. The second sets up a connection from the LED to the controlling microcontroller.
  • First add a default color to the component, using a new property called 'color'.
To do this:
  • De-select the hemisphere by clicking anywhere outside it in the Systems Panel.
  • Hover over the icon to the right of the 'Properties' label.
  • Click on the down-arrow that appears.
  • Click on 'Add new'.
  • In the 'Cosmetic name' box type "LEDcolor".
  • Select 'Color picker' for the 'Property type'.
  • Type "color" for the 'Property variable' name.
  • In the same way, then add another new property to specify the default connection. Give it a Cosmetic name "Connection", with Property type 'Single digital pin' and a Property variable name "pin".
  • Finally, configure these properties. To do this:
  • Click on the color shown for the 'color' property.
  • Select a color from the color chart that appears.
  • Click on the word 'Unconnected', alongside the 'pin' property.
  • Select an appropriate pin, such as RA0, from the chip pin layout.