Front Panel Overview

The Front Panel Mock is provided by the VEE Ports.

It is especially useful for those exposing a MicroUI display, LEDs and input devices. It then provides an interactive window for the Application simulation.

The window contains a toolbar, the device image and a status bar. It is extensible, so VEE ports can add custom controls and informations.

Following is the list of features available as standard in the UI Pack.

Zoom

The Front Panel is able to zoom in or out the represented device.

The current value of the zoom is printed in the status bar.

../../../_images/window_zoom.png

There are three buttons in the toolbar to change the zoom:

  • ZoomOut Zoom out by increment of 10%.

  • Zoom1:1 Reset the zoom to 100%.

  • ZoomIn Zoom in by increment of 10%.

The zoom can also be updated when the window size is changed when the Fit option is set.

Interpolation

By default, the zoom is done without interpolation ZoomNoInterpolate to ease the reading of the pixels drawn on the screen. But it could be convenient to enable the interpolation ZoomInterpolate when a great or small zoom is applied, to better read the strings for instance.

Here is an example of the same content zoomed out with and without interpolation:

../../../_images/display_zoomed_with_interpolation.png ../../../_images/display_zoomed_without_interpolation.png

Fit

By default, the zoom and the window size are not related ZoomNoFitted. That means that when the zoom is changed the window size does not change and scrollbars may appear to navigate in the device.

../../../_images/window_notfit_zoomout.png

And the other way around, when the window size is changed, the zoom does not change.

../../../_images/window_notfit_resized.png

In contrast, the zoom and the window can be linked together ZoomFitted. In this case, a modification of the zoom or the window size have an impact on the other. It is important to note that in this case, some zooms may not be possible since the window is bound to the display size.

../../../_images/window_fit_zoomin.png ../../../_images/window_fit_zoomout.png

Device Coordinates

It is possible to print the coordinates of the device under the cursor DeviceCoordinates in the status bar. It may be convenient for the development of the Front Panel project of a VEE Port. It is not activated by default DeviceNoCoordinates.

../../../_images/device_coordinates_label.png

Display Coordinates

When the device contains a display, the display coordinates under the cursor are printed in the status bar.

../../../_images/display_coordinates_label.png

Display Screenshot

When the device contains a display, a new button is available in the toolbar that allows to make a screenshot DisplayScreenshot of the current content of the display. The screenshots are saved in the subfolder screenshots of the application output folder. Their name contains the date and time they are shot at.

When a screenshot is made, a notification appears in the status bar. Clicking on the notification opens the folder containing the screenshots.

../../../_images/window_screenshot.png

Open Flush Vizualizer

When the flush vizualizer is activated, it is also possible to open it with a button in the toolbar FlushVizualizer.