mycnc:mycnc_screen_configuration
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
mycnc:mycnc_screen_configuration [2020/02/24 10:24] – ivan | mycnc:mycnc_screen_configuration [2020/04/02 15:36] – ivan | ||
---|---|---|---|
Line 26: | Line 26: | ||
==== MyCNC GUI elements ==== | ==== MyCNC GUI elements ==== | ||
+ | |||
+ | Below is a list of the main elements that can be utilized to create or edit a myCNC profile screen. Some of the functions of these elements overlap (such as BDisplay and KDisplay) - it is left to the user to decide which element best suits their workflow. | ||
^ Element ^ Use ^ | ^ Element ^ Use ^ | ||
- | | Label | Unchanging text element | | + | | **Label** | Unchanging text element | |
- | | Display | Changing value | | + | | **Display** | Changing value | |
- | | BDisplay | Changing value - can be clicked by the user to enter a new value | | + | | **BDisplay** | Changing value - can be clicked by the user to enter a new value | |
- | | KDisplay | Changing value - can be clicked by the user to enter a new value | | + | | **KDisplay** | Changing value - can be clicked by the user to enter a new value | |
- | | RadioDisplay | Changing value - preset from a list of choices | | + | | **RadioDisplay** | Changing value - preset from a list of choices | |
- | | Radio2Display | Changing value - preset from a list of choices (update of RadioDisplay) | | + | | **Radio2Display** | Changing value - preset from a list of choices (update of RadioDisplay) | |
- | | KSpinBox | Changing value - changed by pressing the arrows to increase/ | + | | **KSpinBox** | Changing value - changed by pressing the arrows to increase/ |
- | | KSpinBox2 | Changing value - changed by pressing the arrows to increase/ | + | | **KSpinBox2** | Changing value - changed by pressing the arrows to increase/ |
- | | LED | LED display to show some status (can be on/off) | | + | | **LED** | LED display to show some status (can be on/off) | |
- | | SVG Display | Set of images to change depending on input | | + | | **SVG Display** | Set of images to change depending on input | |
- | | MyItems | Container element which can contain other elements | | + | | **MyItems** | Container element which can contain other elements | |
- | | Border | Frame element which can contain other elements | | + | | **Border** | Frame element which can contain other elements | |
- | | Button | Button | | + | | **Button** | Button | |
- | | XButton | Button with an LED indicator | | + | | **XButton** | Button with an LED indicator | |
- | | GLView | 3D Visualization | | + | | **GLView** | 3D Visualization | |
- | | NCView | 2D Visualization | | + | | **NCView** | 2D Visualization | |
- | | Logview | Program log window | | + | | **Logview** | Program log window | |
- | | Statusbar | Progress and status bar | | + | | **Statusbar** | Progress and status bar | |
- | | NCList | Program G-code commands list | | + | | **NCList** | Program G-code commands list | |
- | | Myscope | Time graphs | | + | | **Myscope** | Time graphs | |
- | | CentringView | Centering widget (built-in) | | + | | **CentringView** | Centering widget (built-in) | |
- | | Rotation2View | Full program rotation widget (built-in) | | + | | **Rotation2View** | Full program rotation widget (built-in) | |
The following table outlines the parameters that define the on-screen elements within myCNC: | The following table outlines the parameters that define the on-screen elements within myCNC: | ||
^ Parameter ^ Example ^ Use ^ | ^ Parameter ^ Example ^ Use ^ | ||
- | | type | type=" | + | | **type** | type=" |
- | | skin | skin=" | + | | **skin** | skin=" |
- | | where | where=" | + | | **where** | where=" |
- | | position | position=" | + | | **position** | position=" |
- | | width | width=" | + | | **width** | width=" |
- | | height | height=" | + | | **height** | height=" |
- | | labelWidth | labelWidth=" | + | | **labelWidth** | labelWidth=" |
- | | displayWidth | displayWidth=" | + | | **displayWidth** | displayWidth=" |
- | | labelFgColor | labelFgColor="## | + | | **labelFgColor** | labelFgColor="## |
- | | labelBgColor | labelBgColor="## | + | | **labelBgColor** | labelBgColor="## |
- | | labelFontSize | labelFontSize=" | + | | **labelFontSize** | labelFontSize=" |
- | | labelFontStyle | labelFontStyle=" | + | | **labelFontStyle** | labelFontStyle=" |
- | | message | < | + | | **message** | < |
- | | name | name=" | + | | **name** | name=" |
- | | bgColor | bgColor="## | + | | **bgColor** | bgColor="## |
- | | fgColor | fgColor="## | + | | **fgColor** | fgColor="## |
- | | fontStyle | fontStyle=" | + | | **fontStyle** | fontStyle=" |
- | | format | format=" | + | | **format** | format=" |
- | | displayAlignment | displayAlignment=" | + | | **displayAlignment** | displayAlignment=" |
- | | fontFamily | fontFamily=" | + | | **fontFamily** | fontFamily=" |
- | | deviation | deviation=" | + | | **deviation** | deviation=" |
- | | action | action=" | + | | **action** | action=" |
- | | orientation | orientation=" | + | | **orientation** | orientation=" |
++++Label| | ++++Label| | ||
Line 529: | Line 531: | ||
* " | * " | ||
* " | * " | ||
+ | |||
+ | Another example of an xbutton realized with a **ref** value for reference to switch (toggle) a variable between two states: | ||
+ | |||
+ | < | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | |||
+ | * **data** specifies which values the switch is occuring (the cnc-gvariable-switch-5701 action in this case) | ||
+ | * **ref** specifies the reference value to monitor for | ||
++++ | ++++ | ||
Line 719: | Line 733: | ||
* **action** specifies that pressing this button will toggle the x-rotate window visibility | * **action** specifies that pressing this button will toggle the x-rotate window visibility | ||
* **type** is set to " | * **type** is set to " | ||
+ | |||
+ | Sample code for the rotation2view element: | ||
+ | |||
+ | <gitem where=" | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | |||
+ | * **position** describes the XY location within the **where** element | ||
+ | * **width** and **height** describe the element' | ||
+ | * **table-rotation** sets the orientation of the table. //-90// and //90// are the typical values to rotate the orientation | ||
+ | * **type** is set to // | ||
++++ | ++++ | ||
mycnc/mycnc_screen_configuration.txt · Last modified: 2023/07/25 11:26 by ivan