L-VIS User Manual
36
LOYTEC
Version 6.2
LOYTEC electronics GmbH
12x16-ROM-Fixed-R font, so you get a larger item which is easier to select on the touch
screen. The menu item object is described in detail in section 9.3.
Repeat the steps above to add another menu item and call it ‘Setup’. Again, change the
Text
of the item to read something like ‘Setup’ and change the font to make the item a
comfortable size. This item will be used to enter the devices setup menu.
NOTE:
The device will check the last item of the root menu and see if it has any pages or sub-
menus attached to it. If the item has no further objects attached (this is called a return item)
and is located at the last position in the root menu, then the device will connect its setup
menu to this item. If the item is used, the device will create a default item to reach the setup
menu, but this will most likely not fit the design of your other menu items, so it is best to
always add a setup item yourself and configure it the way you want it to look.
Finally, add a page to the first of the two menu items. This page will be displayed when the
user selects the first menu item from the root menu. Open the context menu of the menu
item (right click on the item in the tree view) and select
Add Page
. In order to see this page
right after the device started, make this page the projects default page. Open the context
menu of the page in the tree view and select
Set as Default
. The page object is described in
detail in section 9.4.
3.4.5 Add Controls to the Page
The next step is to place some objects on the page to view and control the values of the two
local server objects. The objects on the page are called
controls
in this manual, since they
allow the user to control the data points and display their current value. A number of
different control styles are available to choose from. In this example, we want to display the
current status of the binary object using a text control and the value of the analog object
using a numeric control. To control the binary objects value, we use a bitmap control and
for the analog objects value a bar control.
To create the required controls, either right-click on the page object in the tree view and
choose the control type you want from the context menu, or select the page in the tree view
and right click in the LCD preview area to reach the same context menu. Add one text
control, one bitmap control, one numeric and one bar control to your page.
Now place the controls on your page so that they do not overlap each other. Grab and drag
them with the mouse or enter position and size in the
Screen Coordinates
section of the
Common Properties
page. To resize the controls with the mouse, move the pointer to the
lower right corner of the controls area in which the value is displayed, that is, disregard any
decorations around the value area, like the scale of a bar control. For most control types, the
value area fills the entire space of the control, except for the selection frame. For more
complex controls, like bars and trend logs, you can view the value area by changing the
Container
color on the
Color
property page. Then grab the control at the lower right corner
of the container area.
NOTE:
The position and size you set on the Common Properties page also refers to the value area
of the control, not to the selection frame around it. This is done so that for example the
width and height of a bar does not change when you enable or disable tick marks or scale.
These are just seen as decoration which can be turned on and off while the area of the
value display remains stable.
Adjust the properties of each control as you like or leave them at the defaults, which should
be fine for this demo. Bitmaps will be added to the bitmap control in a later step.
3.4.6 Connect the Data-Points
At this point, connect data points to the controls. Especially for text and bitmap controls, it
helps to connect the data points early, since the configuration of the controls property will
depend on the data point connected (you will see why this is the case in a minute).
