Difference between revisions of "Exercise - Dashboard Panel - Adding Objects"
From Flowcode Help
Jump to navigationJump to searchJohnVerrill (talk | contribs) |
JohnVerrill (talk | contribs) |
||
Line 21: | Line 21: | ||
* Click on the down arrow next to it and then on the 'Add to dashboard panel' option. | * Click on the down arrow next to it and then on the 'Add to dashboard panel' option. | ||
: The switch appears at the center of the Dashboard Panel. | : The switch appears at the center of the Dashboard Panel. | ||
+ | : Click on it to select it. Its properties are shown in the Panel Properties. | ||
+ | : Click on the 'pin' property. A pinout of the microcontroller appears. | ||
+ | : Click on pin 'RB0/Int' to connect the switch to bit 0 of PORT B. | ||
* Add a label to identify it (as there will be others!) | * Add a label to identify it (as there will be others!) | ||
− | : To do this: :: Click on the colored rectangle at the top of the vertical toolbar on the right-hand side of the Dashboard Panel. | + | : To do this: |
+ | :: Click on the colored rectangle at the top of the vertical toolbar on the right-hand side of the Dashboard Panel. | ||
:: Select the color black.". [[File:gen_exerciseDashPaneladding objects_dashpanel1_01.png|400px|right]] | :: Select the color black.". [[File:gen_exerciseDashPaneladding objects_dashpanel1_01.png|400px|right]] | ||
:: Click on the text icon, (the letter 'T') and drag it onto the Dashboard Panel. | :: Click on the text icon, (the letter 'T') and drag it onto the Dashboard Panel. | ||
:: It may not be visible at this stage, but the Panel Properties will show it as the object called 'label', and list four properties - 'Color' 'Background', 'Font' and 'Text'. | :: It may not be visible at this stage, but the Panel Properties will show it as the object called 'label', and list four properties - 'Color' 'Background', 'Font' and 'Text'. | ||
− | :: The default text content is 'Please Change Caption". Click on | + | :: The default text content is 'Please Change Caption". Click on this and overwrite it with the word "sidelight |
− | :: In addition | + | :: In addition change : |
+ | ::: the background color to yellow (0x00FFFF); | ||
::: the coordinates to 'X'=0, 'Y'=-10, 'Z'=0; | ::: the coordinates to 'X'=0, 'Y'=-10, 'Z'=0; | ||
::: the scale to 'Width'=5, 'Height'=5, 'Depth'=2. | ::: the scale to 'Width'=5, 'Height'=5, 'Depth'=2. | ||
Line 43: | Line 48: | ||
==The Flowcode flowchart== | ==The Flowcode flowchart== | ||
+ | * Add an infinite loop to the flowchart, and inside it: | ||
+ | :: Drag and drop an 'Input' icon. | ||
+ | ::: Double-click on it to configure it. | ||
+ | ::: Rename it "Check the switch". | ||
+ | ::: Click the down arrow at the end of the 'Variable:' box. | ||
+ | ::: Next click on the down arrow in front of the label 'Variables', and select the 'Add new' option. | ||
+ | ::: The 'Create a New Variable' dialogue box opens. Enter the name "switch" for the new variable. | ||
+ | ::: Leave the 'Initial value' and 'Description' boxes empty, but select 'Bool' (Boolean) as the variable type. | ||
+ | ::: Click on 'OK'. | ||
+ | ::: In the 'Variable:' box in the input properties dialogue box, type the name "switch". | ||
+ | ::: Select PORT B as the 'Port:' and 'Input from:' 'Single Bit:' 0. | ||
+ | ::: Click on 'OK'. | ||
+ | :: Drag and drop a 'Decision' icon. | ||
+ | ::: Double-click on it to configure it. | ||
+ | ::: Rename it "Is it on?". | ||
+ | ::: In the 'If:' box, type "switch" - the variable you created earlier. | ||
+ | ::: Click on 'OK'. | ||
+ | :: Drag and drop an 'Output' icon into the 'Yes' branch of the 'Decision' icon. | ||
+ | ::: Double-click on it to configure it. | ||
+ | ::: Rename it "Switch on". | ||
+ | ::: Enter the number "255" into the 'Variable or value:' box. | ||
+ | ::: Leave the other settings as 'PORTA' and 'Entire Port:' | ||
+ | ::: Click on 'OK'. | ||
+ | :: Drag and drop a second 'Output' icon into the 'No' branch of the 'Decision' icon. | ||
+ | ::: Double-click on it to configure it. | ||
+ | ::: Rename it "Switch off". | ||
+ | ::: Enter the number "0" into the 'Variable or value:' box. | ||
+ | ::: Select 'PORTB' and 'Single Bit: 0' | ||
+ | ::: Click on 'OK'. | ||
+ | |||
+ | * Save the flowchart as "Sidelight warning". |
Revision as of 15:58, 1 June 2013
This exercise shows how to add a labeled switch to the Dashboard Panel, and use it to control the LED on the car's instrument panel.
Contents
Open the Mounted LED flowchart
- Open the flowchart "System_Panel_Add_Mounted LED" which you created in Exercise - System Panel - Controlling Shapes.
- This time, set the Panel Properties to display sizes as 'Scale'.
- To do this, click on the down arrow next to 'World size' and select the 'Local scale'option.
Set up the Dashboard Panel
- Make sure that the Dashboard Panel is visible. If it is not, then click on the View menu and tick the check box next to 'Dashboard Panel'.
- Select a suitable color for the background, such as dark green (red=0, green=128, blue=0) by clicking on the 'General options' tab.30px
Add the switch
- Click on the 'Inputs' toolbox and locate the 'Toggle Metal Panel' switch.
- Click on the down arrow next to it and then on the 'Add to dashboard panel' option.
- The switch appears at the center of the Dashboard Panel.
- Click on it to select it. Its properties are shown in the Panel Properties.
- Click on the 'pin' property. A pinout of the microcontroller appears.
- Click on pin 'RB0/Int' to connect the switch to bit 0 of PORT B.
- Add a label to identify it (as there will be others!)
- To do this:
- Click on the colored rectangle at the top of the vertical toolbar on the right-hand side of the Dashboard Panel.
- Select the color black.".
- Click on the text icon, (the letter 'T') and drag it onto the Dashboard Panel.
- It may not be visible at this stage, but the Panel Properties will show it as the object called 'label', and list four properties - 'Color' 'Background', 'Font' and 'Text'.
- The default text content is 'Please Change Caption". Click on this and overwrite it with the word "sidelight
- In addition change :
- the background color to yellow (0x00FFFF);
- the coordinates to 'X'=0, 'Y'=-10, 'Z'=0;
- the scale to 'Width'=5, 'Height'=5, 'Depth'=2.
- The Dashboard Panel now resembles that shown opposite:
The Flowcode flowchart
- Add an infinite loop to the flowchart, and inside it:
- Drag and drop an 'Input' icon.
- Double-click on it to configure it.
- Rename it "Check the switch".
- Click the down arrow at the end of the 'Variable:' box.
- Next click on the down arrow in front of the label 'Variables', and select the 'Add new' option.
- The 'Create a New Variable' dialogue box opens. Enter the name "switch" for the new variable.
- Leave the 'Initial value' and 'Description' boxes empty, but select 'Bool' (Boolean) as the variable type.
- Click on 'OK'.
- In the 'Variable:' box in the input properties dialogue box, type the name "switch".
- Select PORT B as the 'Port:' and 'Input from:' 'Single Bit:' 0.
- Click on 'OK'.
- Drag and drop a 'Decision' icon.
- Double-click on it to configure it.
- Rename it "Is it on?".
- In the 'If:' box, type "switch" - the variable you created earlier.
- Click on 'OK'.
- Drag and drop an 'Output' icon into the 'Yes' branch of the 'Decision' icon.
- Double-click on it to configure it.
- Rename it "Switch on".
- Enter the number "255" into the 'Variable or value:' box.
- Leave the other settings as 'PORTA' and 'Entire Port:'
- Click on 'OK'.
- Drag and drop a second 'Output' icon into the 'No' branch of the 'Decision' icon.
- Double-click on it to configure it.
- Rename it "Switch off".
- Enter the number "0" into the 'Variable or value:' box.
- Select 'PORTB' and 'Single Bit: 0'
- Click on 'OK'.
- Drag and drop an 'Input' icon.
- Save the flowchart as "Sidelight warning".