AbvLayout

SUMMARY

The "AbvLayout" is used to define the screen resolution and the screen layout.

CONTENTS

  1. Introduction
  2. Picture Area
  3. Pull-down menu ‘File’
  4. Pull-down menu ‘Edit’
  5. Pull-down menu ‘Insert’
  6. Pull-down menu ‘Arrange’
  7. Pull-down menu ‘Setup’
  8. Pull-down menu Help

Introduction

The "AbvLayout" program is used to define the screen resolution as well as the screen splitting between Header=, Alarm=, Application= and Menu area.
With the definitions set up here the editor is used to create the process pictures displayed in the runtime.
So the settings done here must mainly take care of what will be expected in runtime. At least the width-to-height ratio should be the same in the editing and the runtime environment.

Note:
A circle drawn in a width-to-height ratio 4:3 environment wouldn’t be exactly round in a 5:4 environment.


The set up once made must not be changed for the same project.

Calling the program
The ‘AbvLayout’ is called via the icon .

A similar program window is opened:



Im geöffneten LAYOUT wird eine standard Bildaufteilung mit den möglichen Bereichen dargestellt.

Picture Area

4 picture areas are possible:

Any area may exist once, the arrangement of areas is free selectable.

Header area
This area is optional, in runtime a picture of the type "Header area" is displayed here. Typically the header is located at the upper border of the screen and keeps general information like program name, logo, date, time and the like.

Alarm area
This area is optional, in runtime a picture of the type "Alarm area" is displayed here. Typically the latest alarm is displayed here.

Application area
This area is compulsive, in runtime pictures of the type "Application area", the process pictures, are displayed here.

Menu area
This area is optional, in runtime a picture of the type "Menu area" is displayed here. Typically that controls the picture selection or the like.

Modifying the picture areas.
Note:
Before modifying the picture areas, the wanted ‘Target Resolution’ should be set via the pull-down menu ‘File’.


The area to modify is selected by mouse click, a selection frame is shown. The ‘handles’ may be used to resize the area, by pressing the mouse button the whole area can be moved.

The status line below can be used to size and position any area to the pixel.

Status line
The status line shows the selected area or informs about the next step of a selected action.

The further fields inform about:
Note:
If nothing is selected the fields are empty, resp. show the position of the mouse pointer.

Pull-down menu ‘File’

Target resolution
With target resolution the screen resolution is set.

A dialog window is opened:

X - Horizontal resolution in pixel
Y - Vertical resolution in pixel

OK - Stores the settings
Cancel – Closes the window without saving

Save
Saves the settings

Exit
Exits the ‘AbvLayout’

Pull-down menu ‘Edit’

Undo
The last action can be revoked.

Delete
The marked area can be deleted.

Select all
All areas are selected (marked).

Redraw
The screen is written new.

Pull-down menu ‘Insert’

Possible areas are listed here; only areas not defined yet are selectable and may be inserted.

The mouse pointer becomes a cross-hair, the X, Y fields in the status line show the coordinates of the cross-hair, dX, dY are empty, the field on the very right shows the count of already existing areas.
On the wanted position press the left mouse button to setup the wanted size.
The status line shows the X, Y position of the upper left corner of the area – dX, dY the size of the inserted area. The count in the very right status field is incremented by one.

Pull-down menu ‘Arrange’

Move to Foreground / Background
On overlapping areas only the part in the foreground is visible.
That menu item is only for support on setting up the areas, on the final setting the areas must not overlap at all.

Align
A submenu becomes active – (at least 2 areas must be marked).
It allows aligning marked areas:

Mirror
A submenu becomes active.
It allows to mirror the marked areas on a horizontal / vertical axis.

Rotate
Mit Drehen wird ein Untermenü aktiviert.
It allows rotating the marked areas in steps of 90° counter clockwise.

Pull-down menu ‘Setup’

Snap to Grid
If ‘Snap to Grid’ is activated (box is checked), it is only possible to select positions on the grid when editing.

Show Grid
The grid is displayed.
Note:
Any defined area covers the grid.

Grid Settings
A dialog to set the grid distance is opened.

Frame
A dialog to set the following parameters is opened.
Parameter Meaning
Window frame Width of the window frame in pixel.
Caption height Height of the title in pixel.
System area height Height of the system line in pixel.
“Ok” stores the setup, “Cancel” closes the window without storing.

Pull-down menu Help

Via "Info..." information about the Version of the 'AbvLayout' may be displayed.