mistudio:getting_started:add_graphics
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |||
| mistudio:getting_started:add_graphics [2026/09/18 13:42] – ↷ Links adapted because of a move operation 204.1.241.175 | mistudio:getting_started:add_graphics [2026/09/18 15:49] (current) – tputman | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ===== Adding Graphics to an Application ===== | ===== Adding Graphics to an Application ===== | ||
| - | This page explains the basic process for adding graphics to a MIStudio application. | + | This page explains the basic process for adding graphics to an MIStudio application. |
| ==== Overview ==== | ==== Overview ==== | ||
| - | Graphics are the visual components used to build a MIStudio application screen. They can display information, | + | Graphics are the visual components used to build an MIStudio application screen. They can display information, |
| Examples of graphics include labels, boxes, buttons, meters, indicators, charts, and other display components. | Examples of graphics include labels, boxes, buttons, meters, indicators, charts, and other display components. | ||
| Line 18: | Line 18: | ||
| * Open the application where the graphic should be added. | * Open the application where the graphic should be added. | ||
| - | * Locate the graphics | + | * Locate the MIStudio Design Editor |
| * Choose the graphics group that contains the graphic you want to add. | * Choose the graphics group that contains the graphic you want to add. | ||
| * Select the graphic. | * Select the graphic. | ||
| - | * Drag the graphic | + | * Drag the graphic |
| * Move or resize the graphic as needed. | * Move or resize the graphic as needed. | ||
| Line 29: | Line 29: | ||
| //MIStudio Design Editor showing the graphics palette groups used to select graphics for an application.// | //MIStudio Design Editor showing the graphics palette groups used to select graphics for an application.// | ||
| - | MIStudio graphics are organized into groups in the graphics | + | MIStudio graphics are organized into groups in the Design Editor |
| For example, Basic Layout contains common graphics such as basic shapes, buttons, text fields, meters, indicators, sliders, and knobs. | For example, Basic Layout contains common graphics such as basic shapes, buttons, text fields, meters, indicators, sliders, and knobs. | ||
| - | See [[mistudio: | + | See [[mistudio: |
| + | |||
| + | For an overview of all documented graphics groups, see [[mistudio: | ||
| ==== Choosing a Graphic ==== | ==== Choosing a Graphic ==== | ||
| Line 42: | Line 44: | ||
| * Use labels or text fields to show text. | * Use labels or text fields to show text. | ||
| - | * Use boxes, circles, and shapes to organize the screen visually. | + | * Use boxes, circles, and other shapes to organize the screen visually. |
| * Use meters or indicators to show changing values or status. | * Use meters or indicators to show changing values or status. | ||
| * Use buttons or controls when the user needs to interact with the application. | * Use buttons or controls when the user needs to interact with the application. | ||
| Line 67: | Line 69: | ||
| * [[mistudio: | * [[mistudio: | ||
| * [[mistudio: | * [[mistudio: | ||
| - | * [[mistudio: | + | * [[mistudio: |
| - | * [[mistudio: | + | * [[mistudio: |
mistudio/getting_started/add_graphics.1789753368.txt.gz · Last modified: by 204.1.241.175
