Difference between revisions of "Exercise - System Panel - Adding Objects"
From Flowcode Help
Jump to navigationJump to searchJohnVerrill (talk | contribs) |
JohnVerrill (talk | contribs) |
||
| Line 1: | Line 1: | ||
This exercise starts the process of building the display panel for a car. It sets up the System Panel, loaded with a warning LED, mounted on the instrument panel. Although specific settings are given, you should play around with alternatives to see the effect. | This exercise starts the process of building the display panel for a car. It sets up the System Panel, loaded with a warning LED, mounted on the instrument panel. Although specific settings are given, you should play around with alternatives to see the effect. | ||
| + | |||
* Open a new Flowcode flowchart, using the default microcontroller. | * Open a new Flowcode flowchart, using the default microcontroller. | ||
* Make sure that the [[System Panel]] is visible. If necessary, click on [[View]] and then on the check-box next to 'System Panel'. | * Make sure that the [[System Panel]] is visible. If necessary, click on [[View]] and then on the check-box next to 'System Panel'. | ||
| + | |||
* Click on the 'General options' tab [[File:Panel Icon GeneralOpts.jpg|30px]] | * Click on the 'General options' tab [[File:Panel Icon GeneralOpts.jpg|30px]] | ||
| Line 12: | Line 14: | ||
::* Set the 'Table top' size to '20'. | ::* Set the 'Table top' size to '20'. | ||
::* Choose a 'Table top' style of 'Solid color' and set its color to light blue, (Red=0, Green=70, Blue=255 on the 'Custom' tab.) | ::* Choose a 'Table top' style of 'Solid color' and set its color to light blue, (Red=0, Green=70, Blue=255 on the 'Custom' tab.) | ||
| + | |||
| + | |||
[[File:gen_exerciseSystemPaneladdobjects_inputtoolbox_01.png|150px|right]] | [[File:gen_exerciseSystemPaneladdobjects_inputtoolbox_01.png|150px|right]] | ||
| − | |||
* Click on the 'Grid and Snap options' tab [[File:Panel Icon Tools.jpg|30px]] | * Click on the 'Grid and Snap options' tab [[File:Panel Icon Tools.jpg|30px]] | ||
: Make the following changes: | : Make the following changes: | ||
::* Set it to snap to the 'Table top', by clicking on the check-box next to the 'Table top' label. | ::* Set it to snap to the 'Table top', by clicking on the check-box next to the 'Table top' label. | ||
::* Leave the 'Show' gridlines box unchecked. | ::* Leave the 'Show' gridlines box unchecked. | ||
| − | + | ||
* Click on the 'Inputs' toolbox and locate the 'Push Round Panel'switch. | * Click on the 'Inputs' toolbox and locate the 'Push Round Panel'switch. | ||
* Click on the down-arrow next to it and then on 'Add to system panel'. | * Click on the down-arrow next to it and then on 'Add to system panel'. | ||
| + | |||
* Right click anywhere on the System Panel and select the 'Zoom to 100%' option. | * Right click anywhere on the System Panel and select the 'Zoom to 100%' option. | ||
| − | : The System Panel should now resemble | + | : The System Panel should now resemble the one shown below. |
| + | [[File:gen_exerciseSystemPaneladdobjects_systempanel1_01.png|150px|center]] | ||
Revision as of 09:36, 29 May 2013
This exercise starts the process of building the display panel for a car. It sets up the System Panel, loaded with a warning LED, mounted on the instrument panel. Although specific settings are given, you should play around with alternatives to see the effect.
- Open a new Flowcode flowchart, using the default microcontroller.
- Make sure that the System Panel is visible. If necessary, click on View and then on the check-box next to 'System Panel'.
- Click on the 'General options' tab 30px
- Make the following changes:
- Move the 'Level of detail' slider fully to the right (to '10').
- Select 'Table top' shadow mode.
- Choose a 'Background' style of 'Solid color' and set the background color to dark blue, (Red=0, Green=0, Blue=128 on the 'Custom' tab.)
- Set the 'Table top' size to '20'.
- Choose a 'Table top' style of 'Solid color' and set its color to light blue, (Red=0, Green=70, Blue=255 on the 'Custom' tab.)
- Click on the 'Grid and Snap options' tab 30px
- Make the following changes:
- Set it to snap to the 'Table top', by clicking on the check-box next to the 'Table top' label.
- Leave the 'Show' gridlines box unchecked.
- Click on the 'Inputs' toolbox and locate the 'Push Round Panel'switch.
- Click on the down-arrow next to it and then on 'Add to system panel'.
- Right click anywhere on the System Panel and select the 'Zoom to 100%' option.
- The System Panel should now resemble the one shown below.
