23.11.2012 Views

2 Visual Components Manuals

2 Visual Components Manuals

2 Visual Components Manuals

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Introduction to <strong>Visual</strong> <strong>Components</strong> 2.3<br />

4.2.1.10.3 Increment/Decrement<br />

The 'LedCtrl' variable can be changed using the 'F2' (increment) and 'F3' (decrement) keys. This changes the<br />

'F1' LED status during runtime.<br />

You are now familiar with the essential steps involved in creating a <strong>Visual</strong> <strong>Components</strong> project. Other functions<br />

can be found in the online help.<br />

4.2.2 Compact IPC2002 − Example<br />

Creating a <strong>Visual</strong> <strong>Components</strong> application is described in the following steps with special emphasis given to<br />

graphic elements (button, bitmap, ListBox) as well as input using a touch display (HotSpot, button). In this<br />

example, the target platform is an IPC2000 Compact with a VGA touch display.<br />

Other touch displays than the one given in the example can also be used since the defined elements of<br />

individual pages can also fit on smaller displays (1/4 VGA). Larger displays can also be used problem−free. An<br />

IPC5000 with a suitable touch display can also be used in place of an IPC2000.<br />

Note:<br />

If you use different hardware than is suggested here, make sure that you select the correct hardware in the<br />

<strong>Visual</strong> <strong>Components</strong> project. This must always match the hardware which is actually used!<br />

This example application is divided into the following sections:<br />

1. Creating a New Automation Studio Project<br />

2. Inserting a Display<br />

3. Inserting PV Variables<br />

4. Applying Global Settings to <strong>Visual</strong> <strong>Components</strong><br />

5. Adding Pages<br />

6. Adding Bitmaps<br />

7. Creating a Text Group<br />

8. Creating HotSpots for Page Changing<br />

9. Page 1: Inserting a Dynamic Bitmap<br />

10. Page 2: Inserting an Ellipse whose Fill Color Can Be Dynamically Changed Using Input<br />

11. Page 3: Inserting a ListBox with Control Buttons<br />

12. Compiling and Transferring the Project<br />

13. Testing Functions<br />

4.2.2.1 IPC − Step 1: Creating a New Automation Studio Project<br />

First, start a new project using Automation Studio. For this, select "New Project..." from the "File" menu. This will<br />

start the Project Wizard. Use "vc_ipc" as the project name (max. 8 characters). Proceed by clicking on the Next<br />

button in the Wizard.<br />

4.2.1.10 CAN − Step 10: Test Operations 235

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!