GUI Manual · Chapter 38

UI Control Reference

This chapter lists the custom WPF controls you can place on a screen from the View Module palette (the screen designer, see ../gui/17-view-module). From layout containers to motor and cylinder operation panels and vision image displays, the controls needed to build an automation HMI screen are grouped by category.

Each control is configured through its properties in the designer and connected to Run Module variables and equipment state via data binding (see ../gui/16-run-module). Bound values update in real time at runtime, so variable changes are reflected on screen immediately and button operations are passed through to sequence actions. The control names in the lists below match the names shown in the designer palette.

Layout and Containers

ControlPurpose
DockPanelContainer that docks child elements to the top, bottom, left, or right edges and fills the remaining area
StackPanelContainer that stacks child elements in a single horizontal or vertical direction
WrapPanelContainer that lays out child elements and wraps to the next line when space runs out
PanelBasic container for free placement, positioning or overlapping elements by coordinates
GroupBoxGroup box with a titled border that visually bundles related controls
TabControlSwitches between several screens shown as tabs within one area
ViewBasePanelBase panel that embeds another View screen as a child, composing screens in modular units

Input Controls

ControlPurpose
ButtonBasic button that runs the assigned action or sequence when clicked
ImageButtonButton that uses an image as its surface, for icon-style operation buttons
CheckBoxCheck box for selecting between on and off states
ComboBoxDrop-down for selecting one item from a list
TextBoxInput field for entering numbers or strings directly, used for parameter settings
LabelLabel that displays fixed text
SelectOptionSelection control that picks one of several options and reflects it to a bound variable
ToggleOptionControl that toggles between two states and reflects it to a bound variable
TrackBarControl for entering a value in a numeric range by dragging a slider

Display Controls

ControlPurpose
TextBlockDisplay-only element that shows multi-line text
DataLabelLabel that displays a bound data value in real time
InfoLabelInformation label that shows guidance or status messages
ImageElement that displays a static image or drawing
IODisplayShows the ON / OFF state of an IO signal by color
OnOffDisplayShows a state as an ON / OFF lamp
DeviceDisplayDisplays the combined operating state and running information of a single device

Motor and Cylinder Control

ControlPurpose
MotorDisplayDisplays a motor's current position, state, and alarms
MotorJogPanelManual feed panel that bundles motor JOG move buttons
MotorJogStepButtonStep feed button that moves a motor once by a specified step amount
MotorTeachPanelPosition registration panel for teaching and saving motor positions
MotorTeachSetControl that applies and manages a set of taught coordinates at once
CylinderButtonButton that toggles a cylinder forward and back
LightControlPanelLighting control panel that controls the brightness and on/off of vision lighting and the like

Data and Lists

ControlPurpose
GridControlData grid that displays data in a row-and-column table format
ListBoxList box that displays a list of items and allows selection
ManualPanelManual operation panel that collects manual operation buttons

Vision and Map

ControlPurpose
VisionDisplayDisplays the vision camera image and inspection results
VisionModelViewView that displays the vision inspection model and registered patterns
MapDisplayDisplays cell position state, such as a wafer map or magazine, in a grid
  • View Module — ../gui/17-view-module
  • Main Window — ../gui/01-main-window