User Tools

Site Tools


mycnc-screen:1366_series_screen_configuration_examples

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
mycnc-screen:1366_series_screen_configuration_examples [2019/10/10 09:40]
ivan
mycnc-screen:1366_series_screen_configuration_examples [2020/01/20 08:59] (current)
ivan
Line 183: Line 183:
   * This is followed by similar code for x-log and x-nclist, and outlines the basics of each of the three already existing tabs. First of all, it is necessary to add a fourth chunk of code, which we will call ''​x-mapping''​. ​   * This is followed by similar code for x-log and x-nclist, and outlines the basics of each of the three already existing tabs. First of all, it is necessary to add a fourth chunk of code, which we will call ''​x-mapping''​. ​
  
-<code XML><​gitem where="​x-bottab" ​//x-mapping is within the x-bottab screen +<code XML><​gitem where="​x-bottab"​  
- ​name="​x-mapping"​ position="​85;​0" ​//position within the x-bottab screen ​ + ​name="​x-mapping"​ position="​85;​0"​  
- ​width="​1040"​ height="​180"​ basewidth="​1040"​ baseheight="​180" ​//element parameters+ ​width="​1040"​ height="​180"​ basewidth="​1040"​ baseheight="​180" ​
  ​type="​frame"​ border-color="##​b-border"​ border-width="​2"​ border-radius="​10" ​  ​type="​frame"​ border-color="##​b-border"​ border-width="​2"​ border-radius="​10" ​
  ​bgColor="##​b-main"​ hide-list="​x-log;​x-mill;​x-nclist"​ exclusive="​yes"​ /></​code> ​  ​bgColor="##​b-main"​ hide-list="​x-log;​x-mill;​x-nclist"​ exclusive="​yes"​ /></​code> ​
Line 198: Line 198:
   * Next, the button to switch to the Map tab will be added. It is done through the following code:    * Next, the button to switch to the Map tab will be added. It is done through the following code: 
  
-<code XML><​gitem where="​x-bottab"​ position="​5;​12" ​//button also added to x-bottab +<code XML><​gitem where="​x-bottab"​ position="​5;​12"​  
- ​width="​80"​ height="​40"​ skinbase="​flat" ​//skinbase is located in the theme (xp) folder + ​width="​80"​ height="​40"​ skinbase="​flat"​ 
- ​xattr="​0;​0;​80;​40;​led;​red;​round" ​//creates an LED + ​xattr="​0;​0;​80;​40;​led;​red;​round"​  
- ​images="​vbutton-right-led-off;​vbutton-right-led-on"​ address="​widget" ​//assigns LED images + ​images="​vbutton-right-led-off;​vbutton-right-led-on"​ address="​widget"​  
- ​image="​mapping-left" ​//assigns the image for the button + ​image="​mapping-left"​  
- ​action="​mywidget-show:​x-mapping"​ type="​xbutton"/> ​//specifies the result of pressing the button</​code>​+ ​action="​mywidget-show:​x-mapping"​ type="​xbutton"/>​ </​code>​
  
   * Note that this refers to an **image** that is not used anywhere else in the application,​ so it is necessary to create it. We can do so by adding a new image with the name ''​mapping-left.svg''​ to the ''​myCNC/​art/​buttons-no-theme/​xp''​ folder (if the default xp theme is used). An image with the word "​Map"​ was created and added to that folder in this step using the Inkspace application (any application which can edit and export .svg files will work):   * Note that this refers to an **image** that is not used anywhere else in the application,​ so it is necessary to create it. We can do so by adding a new image with the name ''​mapping-left.svg''​ to the ''​myCNC/​art/​buttons-no-theme/​xp''​ folder (if the default xp theme is used). An image with the word "​Map"​ was created and added to that folder in this step using the Inkspace application (any application which can edit and export .svg files will work):
Line 215: Line 215:
   * Next, the frame around the buttons inside the x-mapping tab will be inserted using the following code:   * Next, the frame around the buttons inside the x-mapping tab will be inserted using the following code:
  
-<code XML><​gitem where="​x-mapping" ​//will insert this element inside x-mapping +<code XML><​gitem where="​x-mapping"​  
- ​name="​map-z-frame"​ position="​10;​10" ​//creates a visual border element ​+ ​name="​map-z-frame"​ position="​10;​10" ​
  ​width="​360"​ basewidth="​360"​ height="​160"​ baseheight="​160" ​  ​width="​360"​ basewidth="​360"​ height="​160"​ baseheight="​160" ​
  ​type="​frame"​ border-color="##​b-border"​ border-width="​2"​ border-radius="​10" ​  ​type="​frame"​ border-color="##​b-border"​ border-width="​2"​ border-radius="​10" ​
- ​bgColor="##​b-main" ​ hidden="​no"​ /> //note that hidden can be expressed both with "​no"​ and "​0" ​</​code>​+ ​bgColor="##​b-main" ​ hidden="​no"​ /> </​code>​
  
 The frame will appear in the previously blank Map tab (not filling in the entire tab, as its width and height have only been specified to be 360,160) The frame will appear in the previously blank Map tab (not filling in the entire tab, as its width and height have only been specified to be 360,160)
Line 228: Line 228:
 <code XML><​gitem where="​map-z-frame"​ name="​map-z-view"​ position="​5;​5" ​ <code XML><​gitem where="​map-z-frame"​ name="​map-z-view"​ position="​5;​5" ​
  ​width="​350"​ basewidth="​350" ​  ​width="​350"​ basewidth="​350" ​
- ​height="​150"​ baseheight="​150" ​//​basewidth/​height serve as reference values for resizing+ ​height="​150"​ baseheight="​150" ​
  ​type="​myitems"​ /></​code>​  ​type="​myitems"​ /></​code>​
  
Line 244: Line 244:
 <gitem where="​map-z-view"​ position="​75;​5" ​ <gitem where="​map-z-view"​ position="​75;​5" ​
  ​width="​70"​ height="​70"​  ​width="​70"​ height="​70"​
- ​image="​probing/​map-z-convert" ​//the probing folder will be taken from the theme folder (ex: xp) + ​image="​probing/​map-z-convert" ​
  ​action="​zmap-apply" ​  ​action="​zmap-apply" ​
  ​type="​button"​ />  ​type="​button"​ />
Line 255: Line 255:
  ​type="​radio-display"​ deviation="​0.5" ​  ​type="​radio-display"​ deviation="​0.5" ​
  ​action="​cnc-gvariable-toggle-8255"​  ​action="​cnc-gvariable-toggle-8255"​
- ​name="​display-cnc-gvariable-8255" ​//both the action and the display show the 8255 gvariable+ ​name="​display-cnc-gvariable-8255" ​
  ​bgColor="##​b-display"​ fontStyle="​bold">​  ​bgColor="##​b-display"​ fontStyle="​bold">​
 </​gitem></​code>​ </​gitem></​code>​
Line 272: Line 272:
  ​name="​display-cnc-gvariable-8250" ​  ​name="​display-cnc-gvariable-8250" ​
  ​bgColor="##​b-display"​ fontStyle="​bold">​  ​bgColor="##​b-display"​ fontStyle="​bold">​
-<​message>​Segment Length,​[mm]</​message> ​//BDisplay shows both a global variable and a label+<​message>​Segment Length,​[mm]</​message> ​
 </​gitem>​ </​gitem>​
  
Line 305: Line 305:
 From here on, it is possible to continue adding display elements to this tab in the remaining space, by creating subsections similar to the ''​map-z-frame''​ section created earlier. See more information on the possible screen elements in the [[mycnc:​mycnc_screen_configuration|MyCNC Screen Configuration]] manual. From here on, it is possible to continue adding display elements to this tab in the remaining space, by creating subsections similar to the ''​map-z-frame''​ section created earlier. See more information on the possible screen elements in the [[mycnc:​mycnc_screen_configuration|MyCNC Screen Configuration]] manual.
  
-====Example 3:  
mycnc-screen/1366_series_screen_configuration_examples.1570714837.txt.gz · Last modified: 2019/10/10 09:40 by ivan