Changes for page 02 Software Menu

Last modified by Jett on 2025/03/05 10:37

From version 5.1
edited by Stone Wu
on 2022/08/02 11:10
Change comment: There is no comment for this version
To version 4.3
edited by Stone Wu
on 2022/08/02 11:06
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -58,9 +58,9 @@
58 58  (% style="text-align:center" %)
59 59  [[image:4.Software Menu_html_68288474ed27d9f3.png||height="118" width="182" class="img-thumbnail"]]
60 60  
61 -== Screen ==
61 +== **Screen** ==
62 62  
63 -It provides functions for screen edit; this section introduces those functions in detailed.
63 +[Screen] toolbar provides functions for screen edit; this section introduces those functions in detailed.
64 64  
65 65  (% style="text-align:center" %)
66 66  [[image:4-6Screenbar.png||alt="4.Software Menu_html_e7b8329b40cb4fa7.png" class="img-thumbnail"]]
... ... @@ -77,9 +77,9 @@
77 77  |=Properties|Pop-up [Screen Properties] window, it could edit screen properties
78 78  |=Manager|Pop-up [Screen Management] window, it could edit multiple screens' properties
79 79  
80 -== Appearance ==
80 +== **Appearance** ==
81 81  
82 -It toolbar provides functions such as modifying object layout, object text fonts, etc. This section introduces those functions in detailed.
82 +[Appearance] toolbar provides functions such as modifying object layout, object text fonts, etc. This section introduces those functions in detailed.
83 83  
84 84  (% style="text-align:center" %)
85 85  [[image:4-4Appearanceoverview.png]]
... ... @@ -103,7 +103,7 @@
103 103  [[image:4-1LockUnlock.png||alt="4.Software Menu_html_7659d124b259c8dc.png" class="img-thumbnail"]]
104 104  )))|Lock the position of the object so that it cannot be moved and resized;
105 105  
106 -== Tool ==
106 +== **Tool** ==
107 107  
108 108  "Tool" toolbar provides some tools for HMI project operation, like compile project, download project, offline, online and create USB download file, this section introduces those tools in detailed.
109 109  
... ... @@ -119,7 +119,7 @@
119 119  |=On-Line|Enable on-line simulator. [[Online Simulation>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HOn-line]]
120 120  |=U Disk Download|Enable [USB Flash disk download tool]. [[U disk download tool>>path:http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HUdiskDownload]]
121 121  
122 -== Help ==
122 +== **Help** ==
123 123  
124 124  [Help] provides interface to the software help documentation and software version information.
125 125  
... ... @@ -131,7 +131,7 @@
131 131  |=Help|Help document about programming software
132 132  |=About|Programming software version information
133 133  
134 -= **Project menu** =
134 += **Project Menu** =
135 135  
136 136  This section introduces project menu functions, the project menu as following picture shows.
137 137  
... ... @@ -138,9 +138,9 @@
138 138  (% style="text-align:center" %)
139 139  [[image:4-12Projectoverview.png]]
140 140  
141 -== Settings ==
141 +== **Settings** ==
142 142  
143 -"Settings" toolbar provides project settings, such as communication settings, project settings and font settings, this section will introduce how to use those functions.
143 +[Settings] toolbar provides project settings, such as communication settings, project settings and font settings, this section will introduce how to use those functions.
144 144  
145 145  (% style="text-align:center" %)
146 146  [[image:4-13Settingsbar.png]]
... ... @@ -151,9 +151,9 @@
151 151  |=Project Settings|Project properties settings[[🔗 5. >>path:#_Project_settings]][[Project setting>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/05.Project%20Settings/]]
152 152  |=Font pack|Project font settings.[[🔗 14.5 Font pack>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#H14.5FontPack]]
153 153  
154 -== Library ==
154 +== **Library** ==
155 155  
156 -"Library" toolbar provides some library settings interface, such as text library, shape and other functions. The detailed introduction of those functions.
156 +[Library] toolbar provides some library settings interface, such as text library, shape and other functions. The detailed introduction of those functions.
157 157  
158 158  (% style="text-align:center" %)
159 159  [[image:4-14Librarysbar.png]]
... ... @@ -167,9 +167,9 @@
167 167  |=Address|Set address library for HMI project [[ Address Library>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/7.Library/#HAddresslibrary]]
168 168  |=Font|Set font library for HMI project [[Font Library>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/7.Library/#HFontlibrary]]
169 169  
170 -== Data tool ==
170 +== **Data Tool** ==
171 171  
172 -"Data tool" toolbar provides access for each data setting, users could click item to open configure windows;
172 +[Data Tool] toolbar provides access for each data setting, users could click item to open configure windows;
173 173  
174 174  (% style="text-align:center" %)
175 175  [[image:4-15DataTool.png]]
... ... @@ -185,10 +185,12 @@
185 185  |User Permission|Set user permission for HMI project [[User Permission>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.9UserPermission]]
186 186  |MessagePrompt|Set message prompt for HMI [[MessagePrompt>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.10MessagePrompt]]
187 187  
188 -== Tool ==
188 +== **Tool** ==
189 189  
190 -"Tool" toolbar contains windows display settings, and other functions;
190 +**Introduction**
191 191  
192 +[Tool] toolbar contains windows display settings, and other functions;
193 +
192 192  (% style="text-align:center" %)
193 193  [[image:4-16Toolov.png||alt="4.Software Menu_html_880c00df27e52097.png" class="img-thumbnail"]]
194 194  
... ... @@ -214,19 +214,20 @@
214 214  [[image:4.2Remake.png||class="img-thumbnail"]]
215 215  
216 216  (% class="wikigeneratedid" id="H4.3.1ProjectManagement" %)
217 -**Project screen management**
219 +**(1) Project screen management**
218 218  
219 219  It includes screen, script and system screen states, by double click the designated property to edit.
220 220  
221 -Description
223 +**Description**
222 222  
223 -* **Screen: **All screens in current project are shown in the screen list.
224 -* **Script:** Include background scripts and background functions. For the details, please refer to "[[Background function>>http://docs.we-con.com.cn/wiki/pistudio/edit/Helps/09.Macro%20Script/WebHome?section=6]]"
225 -** Background script: The scripts could run when project is running.
226 -** Background Function: Background function is a form of code for using, it could be called in any script.
225 +1. **Screen: **All screens in current project are shown in the screen list.
226 +1. **Script:** Include background scripts and background functions. For the details, please refer to "[[Background function>>http://docs.we-con.com.cn/wiki/pistudio/edit/Helps/09.Macro%20Script/WebHome?section=6]]"
227 227  
228 -System Screen: System sub-screen for keypad display.
228 +* Background script: The scripts could run when project is running.
229 +* Background Function: Background function is a form of code for using, it could be called in any script.
229 229  
231 +**3) System Screen:** System sub-screen for keypad display.
232 +
230 230  * Screen 1000: Numerical input keypad
231 231  * Screen 1001: Text input keypad
232 232  * Screen 1002: Mutual screen, this screen will display on all other screens
... ... @@ -238,11 +238,12 @@
238 238  * Screen 1009: Installment payment alert screen
239 239  * Screen 5001: Timeout list
240 240  
241 -**Screen editing area**
244 +**(2) Screen editing area**
242 242  
243 243  Double click the screen managent and choose the designated screen, then a corresponding screen would pop up to edit. You could add and delete objects.
244 244  
245 -**Preview screen**
248 +(% class="wikigeneratedid" id="H4.3.2PreviewScreen" %)
249 +**{{id name="_Toc9632"/}}(3) {{id name="_Screen_preview"/}}Preview screen**
246 246  
247 247  Click the corresponding screen, the preview screen area would display the selected screen.
248 248  
... ... @@ -250,7 +250,7 @@
250 250  [[image:4.Software Menu_html_5054af82f0abc4e9.png||height="320" width="346" class="img-thumbnail"]]
251 251  
252 252  (% class="wikigeneratedid" id="H4.3.3CompileConsole" %)
253 -**Compile Console**
257 +**(4) Compile Console**
254 254  
255 255  "Compile Console" shows project compiling information, when an error occurs, it appears in a red font to make it easier for the user to notice the error information, and when double-clicking the error message, it automatically locates errors.
256 256  
... ... @@ -266,30 +266,28 @@
266 266  1. All Built-In screens in the project are replaced the same style with the preview image.
267 267  1. After selecting the style, the preview image is stored in "System Screen /Sample Screen" , and the sample screen does not occupy project memory.
268 268  
269 -== Create new project with style ==
273 +== **Create new project with style** ==
270 270  
271 -When creating a new project, select ig series in HMI series and only able to use it when the angle is 0°. As shown in Figure below.
275 +1) When creating a new project, select ig series in HMI series and only able to use it when the angle is 0°. As shown in Figure below.
272 272  
273 273  (% style="text-align:center" %)
274 274  [[image:画面样式 1.png||class="img-thumbnail"]]
275 275  
276 -Select the model, click Next, enter the Screen Style Selection, each style has a preview, (None means the old style).
280 +2) Select the model, click Next, enter the Screen Style Selection, each style has a preview, (None means the old style).
277 277  
278 -Each style has a matching background image and object graphics. After selecting the style, you can view the effect in the preview image.
282 +Each style has a matching background image and object graphics. After selecting the style, you can view the effect in the preview image. Example: The preview effect of style 4 is shown in as below.
279 279  
280 -Example: The preview effect of style 4 is shown in as below.
281 -
282 282  (% style="text-align:center" %)
283 283  [[image:画面样式 2.png||class="img-thumbnail"]]
284 284  
285 -Select the style and click "Finish" to enter the project main interface , as shown in the figure below.
287 +3) Select the style and click "Finish" to enter the project main interface , as shown in the figure below.
286 286  
287 287  (% style="text-align:center" %)
288 288  [[image:画面样式 3.png||height="435" width="730" class="img-thumbnail"]]
289 289  
290 -== Objects with style ==
292 +== **Objects with style** ==
291 291  
292 -The objects, screen background, and Built-In screens of each style are different, except for custom object and images. For example: Bit Switch style are shown as below.
294 +1) The objects, screen background, and Built-In screens of each style are different, except for custom object and images. For example: Bit Switch style are shown as below.
293 293  
294 294  1. Bit Switch of style 2
295 295  
... ... @@ -304,23 +304,23 @@
304 304  
305 305  You could customize the graphics or display colors of the objects according to the project requirements.
306 306  
307 -== Built-In screens with style ==
309 +== **Built-In screens with style** ==
308 308  
309 309  After selecting a different style in the project, the Built-In screen will be replaced with a matching Built-In screen.
310 310  
311 -* When the style is not selected, the display effect of the Built-In screen 1000 is shown in the figure bellow.
313 +~1. When the style is not selected, the display effect of the Built-In screen 1000 is shown in the figure bellow.
312 312  
313 313  (% style="text-align:center" %)
314 314  [[image:4.Software Menu_html_74c0d72ba07b422a.png||height="450" width="450" class="img-thumbnail"]]
315 315  
316 -* When style 1 is selected, the display effect of the Built-In screen 1000 is shown in the figure below.
318 +2. When style 1 is selected, the display effect of the Built-In screen 1000 is shown in the figure below.
317 317  
318 318  (% style="text-align:center" %)
319 319  [[image:4.Software Menu_html_8b976a5b1164b6d6.png||height="449" width="450" class="img-thumbnail"]]
320 320  
321 -* The keyboard screen of style 1 to 6 style adopts a new layout, you could modify the key input text according to your needs.
323 +3.  The keyboard screen of style 1 to 6 style adopts a new layout, you could modify the key input text according to your needs.
322 322  
323 -== Sample screen ==
325 +== **Sample screen** ==
324 324  
325 325  There is a sample screeen "6000: screen" in sample screen. It is only for viewing and can not be deleted and modified. You could call the object layout of the sample screen by copying it.
326 326