Wiki source code of 02 Software Menu

Version 7.1 by Stone Wu on 2022/08/05 15:45

Show last authors
1 This chapter provides a precise introduction to PIStudio menu.
2
3 = Home menu =
4
5 This section introduces homepage menu functions, the homepage menu as following picture shows.
6
7 (% style="text-align:center" %)
8 [[image:4-10Homeoverview.png]]
9
10 (% class="wikigeneratedid" %)
11 == Project ==
12
13 "Project" toolbar provides basic operations for project files, this section introduces those functions in detailed.
14
15 (% style="text-align:center" %)
16 [[image:4-9ProjectBar.png||alt="4.Software Menu_html_cdc2407ff8a8f469.png" class="img-thumbnail"]]
17
18
19 |=(% scope="row" %)Items|=Description
20 |=New|Create a new project file
21 |=Open|Open designated project
22 |=Close|Close current project
23
24 == Edit ==
25
26 This section provides the detailed induction of functions in toolbar menu.
27
28 (% style="text-align:center" %)
29 [[image:4-8EditBar.png||alt="4.Software Menu_html_e85ce03cccd8655f.png" class="img-thumbnail"]]
30
31 (% style="margin-left:auto; margin-right:auto" %)
32 |=(% style="width: 169px;" %)Items|=(% style="width: 91px;" %) |=(% style="width: 815px;" %)Description
33 |=(% style="width: 169px;" %)Undo|(% style="width:91px" %)[[image:主页——撤销.jpg||height="43" width="50" class="img-thumbnail"]]|(% style="width:815px" %)Undo last action; it supports 10 actions.
34 |=(% style="width: 169px;" %)Redo|(% style="width:91px" %)[[image:主页-重复.png||height="43" width="50" class="img-thumbnail"]]|(% style="width:815px" %)Redo last action.
35 |=(% style="width: 169px;" %)Cut|(% style="width:91px" %)[[image:主页-剪切.png||height="50" width="50" class="img-thumbnail"]]|(% style="width:815px" %)Remove the selected object (s) from the project screen and temporarily place it (them) on the clipboard.
36 |=(% style="width: 169px;" %)Copy|(% style="width:91px" %)[[image:主页-复制.png||height="50" width="50" class="img-thumbnail"]]|(% style="width:815px" %)Copy the selected object (s) from the project screen and temporarily place it (them) on the clipboard.
37 |=(% style="width: 169px;" %)Fast Copy|(% style="width:91px" %)[[image:主页-多重复制.png||height="50" width="50" class="img-thumbnail"]]|(% style="width:815px" %)Select all of the objects in the project screen.
38 |=(% style="width: 169px;" %)Paste|(% style="width:91px" %)[[image:主页-粘贴.png||height="50" width="50" class="img-thumbnail"]]|(% style="width:815px" %)Place contents from clipboard to the project screen.
39 |=(% style="width: 169px;" %)Delete|(% style="width:91px" %)[[image:image-20220805152326-1.png||height="50" width="50" class="img-thumbnail"]]|(% style="width:815px" %)Remove the selected object (s) from the project screen.
40 |=(% style="width: 169px;" %)Select All|(% style="width:91px" %)[[image:主页-全选.png||height="50" width="50" class="img-thumbnail"]]|(% style="width:815px" %)Select all of the objects in the project screen.
41
42 **Operating Procedure of Fast Copy**
43
44 Selection object, for example using Numeric Input/Dislay(HDW0);
45
46 Click [ [[image:4-7FastCopy.png]] ], it will pop up [Fast Copy] setting window as following shows;
47
48 (% style="text-align:center" %)
49 [[image:4.Software Menu_html_bac9a5a7974f4c10.png||height="260" width="403" class="img-thumbnail"]]
50
51 Configure number of copies, spacing in horizontal and vertical, and address interval;
52
53 Click "OK" to save and exit;
54
55 **Result**
56
57 It will create three objects and the address is from HDW1~~HDW3, as following picture shows;
58
59 (% style="text-align:center" %)
60 [[image:4.Software Menu_html_68288474ed27d9f3.png||height="118" width="182" class="img-thumbnail"]]
61
62 == Screen ==
63
64 It provides functions for screen edit; this section introduces those functions in detailed.
65
66 (% style="text-align:center" %)
67 [[image:4-6Screenbar.png||alt="4.Software Menu_html_e7b8329b40cb4fa7.png" class="img-thumbnail"]]
68
69
70 |=(% scope="row" %)Items|=Description
71 |=New|[[Create a new screen>>https://docs.we-con.com.cn/bin/view/PIStudio/2.Installation%20Software/#HAddscreen]], the screen number and name should be unique
72 |=Copy|Copy a new screen from another project or current project to the current project
73 |=Close|Close current screen
74 |=Close all|Close all screens displayed on the taskbar of the screen editing interface
75 |=Save|Save current screen modification
76 |=Save all|Save all screens modification
77 |=Delete|Delete current displayed screen
78 |=Properties|Pop-up [Screen Properties] window, it could edit screen properties
79 |=Manager|Pop-up [Screen Management] window, it could edit multiple screens' properties
80
81 == Appearance ==
82
83 It toolbar provides functions such as modifying object layout, object text fonts, etc. This section introduces those functions in detailed.
84
85 (% style="text-align:center" %)
86 [[image:4-4Appearanceoverview.png]]
87
88 (% class="table-bordered" %)
89 |=**Items**|=**Description**
90 |(((
91 (% style="text-align:center" %)
92 [[image:4.Software Menu_html_9e721ab42917ad0f.png||height="85" width="288" class="img-thumbnail"]]
93 )))|Modify object text fonts and color
94 |(((
95 (% style="text-align:center" %)
96 [[image:4-3Alignment.png||alt="4.Software Menu_html_3b5ee2827802a214.png" height="112" width="40" class="img-thumbnail"]]
97 )))|Modify text layout in object, it provides three modes, align left, align center and align right
98 |(((
99 (% style="text-align:center" %)
100 [[image:4-2Appearance.png||alt="4.Software Menu_html_7659d124b259c8dc.png" class="img-thumbnail"]]
101 )))|Modify objects layout.
102 |(((
103 (% style="text-align:center" %)
104 [[image:4-1LockUnlock.png||alt="4.Software Menu_html_7659d124b259c8dc.png" height="35" width="40" class="img-thumbnail"]]
105 )))|Lock the position of the object so that it cannot be moved and resized;
106
107 == Tool ==
108
109 "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.
110
111 (% style="text-align:center" %)
112 [[image:4-5Toolbar.png]]
113
114 (% class="table-bordered" %)
115 |=(% scope="row" style="width: 176px;" %)**Items**|=(% style="width: 99px;" %) |=(% style="width: 801px;" %)**Description**
116 |=(% style="width: 176px;" %)Compile|(% style="width:99px" %)[[image:image-20220805154146-2.png||height="50" width="50"]]|(% style="width:801px" %)Compile current project and create .wmt file. [[Compile project>>path:https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HCompileProject]]
117 |=(% style="width: 176px;" %)Cancel|(% style="width:99px" %)[[image:image-20220805154153-3.png||height="50" width="50"]]|(% style="width:801px" %)Cancel the compilation of project
118 |=(% style="width: 176px;" %)Download|(% style="width:99px" %)[[image:image-20220805154202-4.png||height="50" width="50"]]|(% style="width:801px" %)Download HMI project from PC to HMI, the detailed operation please refer to[[ Download tool>>path:http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HDownloadTool]]
119 |=(% style="width: 176px;" %)Off-Line|(% style="width:99px" %)[[image:image-20220805154207-5.png||height="50" width="50"]]|(% style="width:801px" %)Enable off-line simulator. [[Offline Simulation>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HOff-line]]
120 |=(% style="width: 176px;" %)On-Line|(% style="width:99px" %)[[image:image-20220805154214-6.png||height="50" width="50"]]|(% style="width:801px" %)Enable on-line simulator. [[Online Simulation>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HOn-line]]
121 |=(% style="width: 176px;" %)U Disk Download|(% style="width:99px" %)[[image:image-20220805154222-7.png||height="50" width="50"]]|(% style="width:801px" %)Enable [USB Flash disk download tool]. [[U disk download tool>>path:https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HDownloadTool]]
122
123 == Help ==
124
125 [Help] provides interface to the software help documentation and software version information.
126
127 (% style="text-align:center" %)
128 [[image:4-11HelpBar.png]]
129
130 (% class="table-bordered" %)
131 |=(% scope="row" style="width: 168px;" %)**Items**|=(% style="width: 87px;" %) |=(% style="width: 821px;" %)**Description**
132 |=(% style="width: 168px;" %)Help|(% style="width:87px" %)[[image:image-20220805154418-8.png||height="50" width="50"]]|(% style="width:821px" %)Help document about programming software
133 |=(% style="width: 168px;" %)About|(% style="width:87px" %)[[image:image-20220805154423-9.png||height="50" width="50"]]|(% style="width:821px" %)Programming software version information
134
135 = **Project menu** =
136
137 This section introduces project menu functions, the project menu as following picture shows.
138
139 (% style="text-align:center" %)
140 [[image:4-12Projectoverview.png]]
141
142 == Settings ==
143
144 "Settings" toolbar provides project settings, such as communication settings, project settings and font settings, this section will introduce how to use those functions.
145
146 (% style="text-align:center" %)
147 [[image:4-13Settingsbar.png]]
148
149 (% class="table-bordered" %)
150 |=(% scope="row" %)**Items**|=**Description**
151 |=Communication|Project communication settings[[ Confgure communication>>https://docs.we-con.com.cn/bin/view/PIStudio/05.Project%20Settings/#HCommunication]]
152 |=Project Settings|Project properties settings [[Project setting>>https://docs.we-con.com.cn/bin/view/PIStudio/05.Project%20Settings/#HProjectsettings]]
153 |=Font pack|Project font settings.[[Font pack>>https://docs.we-con.com.cn/bin/view/PIStudio/05.Project%20Settings/#HFontpack]]
154
155 == Library ==
156
157 "Library" toolbar provides some library settings interface, such as text library, shape and other functions. The detailed introduction of those functions.
158
159 (% style="text-align:center" %)
160 [[image:4-14Librarysbar.png]]
161
162 (% class="table-bordered" %)
163 |=(% scope="row" %)**Items**|=**Description**
164 |=Mapping|Address mapping function [[Address Mapping>>https://docs.we-con.com.cn/bin/view/PIStudio/7.Library/#HMapping]]
165 |=Text|Set text library for HMI project  [[Text>>https://docs.we-con.com.cn/bin/view/PIStudio/7.Library/#HText]]
166 |=E-mail|Set E-mail function [[Email>>https://docs.we-con.com.cn/bin/view/PIStudio/7.Library/#HEmail]]
167 |=Shape|Set shape (pictures) for HMI project  [[Shape>>path:https://docs.we-con.com.cn/bin/view/PIStudio/7.Library/#HShape]]
168 |=Address|Set address library for HMI project [[ Address Library>>https://docs.we-con.com.cn/bin/view/PIStudio/7.Library/#HAddress]]
169 |=Font|Set font library for HMI project [[Font>>https://docs.we-con.com.cn/bin/view/PIStudio/7.Library/#HFont]]
170
171 == Data tool ==
172
173 "Data tool" toolbar provides access for each data setting, users could click item to open configure windows;
174
175 (% style="text-align:center" %)
176 [[image:4-15DataTool.png]]
177
178 (% class="table-bordered" %)
179 |=**Item**|=**Description**
180 |Bit Alarm|Set bit alarm function [[Bit Alarm>>https://docs.we-con.com.cn/bin/view/PIStudio/08.Basic%20Function/#HBitalarm]]
181 |Word Alarm|Set word alarm function [[Word Alarm>>https://docs.we-con.com.cn/bin/view/PIStudio/08.Basic%20Function/#HWordalarm]]
182 |Recipe|Set recipe function [[Recipe>>https://docs.we-con.com.cn/bin/view/PIStudio/08.Basic%20Function/#HRecipe]]
183 |Trend Chart|Set trend chart function [[Trend Chart>>https://docs.we-con.com.cn/bin/view/PIStudio/08.Basic%20Function/#HTrendchart]]
184 |History XY Plot|Set history XY Plot function [[History XY Plot>>https://docs.we-con.com.cn/bin/view/PIStudio/08.Basic%20Function/#HHistoryXYplot]]
185 |Data Record|Set data record function[[ Data Record>>https://docs.we-con.com.cn/bin/view/PIStudio/08.Basic%20Function/#HDatarecord]]
186 |User Permission|Set user permission for HMI project [[User Permission>>https://docs.we-con.com.cn/bin/view/PIStudio/08.Basic%20Function/#HUserpermission]]
187 |MessagePrompt|Set message prompt for HMI [[MessagePrompt>>https://docs.we-con.com.cn/bin/view/PIStudio/08.Basic%20Function/#HMessageprompt]]
188
189 == Tool ==
190
191 "Tool" toolbar contains windows display settings, and other functions;
192
193 (% style="text-align:center" %)
194 [[image:4-16Toolov.png||alt="4.Software Menu_html_880c00df27e52097.png" class="img-thumbnail"]]
195
196 (% class="table-bordered" %)
197 |=**Items**|=**Description**
198 |Project Window|Check it to display project window
199 |Preview Window|Check it to display preview window
200 |Compiling Window|Check it to display compiling window
201 |Report|Check it to display report window
202 |Delete Report|Click it to delete converted report (LEVI to PI)
203 |Shape|Click it to change selected object shape directly
204 |Format|Click it to change selected object data format directly
205 |Property|Click it to open selected object property window
206 |Address List|Click it to open project address list [[Address List>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HAddressList]]
207 |Decompile|Click it to open decompile tool[[ Decompile>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HDecompile]]
208 |Password Tool|Click it to open password tool  [[Password Tool>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HPasswordtool]]
209
210 = **Project management** =
211
212 This section introduces project screen menu functions, the project menu as following picture shows.
213
214 (% style="text-align:center" %)
215 [[image:4.2Remake.png||class="img-thumbnail"]]
216
217 (% class="wikigeneratedid" id="H4.3.1ProjectManagement" %)
218 **Project screen management**
219
220 It includes screen, script and system screen states, by double click the designated property to edit.
221
222 Description
223
224 * **Screen: **All screens in current project are shown in the screen list.
225 * **Script:** Include background scripts and background functions. For the details, please refer to "[[Background function>>https://docs.we-con.com.cn/bin/view/PIStudio/09.Macro%20Script/#HBackgroundfunction]]"
226 ** Background script: The scripts could run when project is running.
227 ** Background Function: Background function is a form of code for using, it could be called in any script.
228
229 System Screen: System sub-screen for keypad display.
230
231 * Screen 1000: Numerical input keypad
232 * Screen 1001: Text input keypad
233 * Screen 1002: Mutual screen, this screen will display on all other screens
234 * Screen 1003: User login screen
235 * Screen 1005: It can input: numbers, Chinese characters and letters.
236 * Screen 1006: User login screen, include user name and password input
237 * Screen 1007: Password change screen
238 * Screen 1008: Installment payment password input screen
239 * Screen 1009: Installment payment alert screen
240 * Screen 5001: Timeout list
241
242 **Screen editing area**
243
244 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.
245
246 **Preview screen**
247
248 Click the corresponding screen, the preview screen area would display the selected screen.
249
250 (% style="text-align:center" %)
251 [[image:4.Software Menu_html_5054af82f0abc4e9.png||height="320" width="346" class="img-thumbnail"]]
252
253 (% class="wikigeneratedid" id="H4.3.3CompileConsole" %)
254 **Compile Console**
255
256 "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.
257
258 (% style="text-align:center" %)
259 [[image:4.Software Menu_html_e4e6ae0c01e7f26c.png||height="213" width="328" class="img-thumbnail"]]
260
261 = **Screen style(Only ig series)** =
262
263 After the style is selected, the screen of the project changes as shown below:
264
265 1. The created screen background will be automatically filled, which is the same as the screen background in the preview image.
266 1. The created object’s graphic is also the same as the graphic style in the preview image.
267 1. All Built-In screens in the project are replaced the same style with the preview image.
268 1. After selecting the style, the preview image is stored in "System Screen /Sample Screen" , and the sample screen does not occupy project memory.
269
270 == Create new project with style ==
271
272 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.
273
274 (% style="text-align:center" %)
275 [[image:画面样式 1.png||class="img-thumbnail"]]
276
277 Select the model, click Next, enter the Screen Style Selection, each style has a preview, (None means the old style).
278
279 Each style has a matching background image and object graphics. After selecting the style, you can view the effect in the preview image.
280
281 Example: The preview effect of style 4 is shown in as below.
282
283 (% style="text-align:center" %)
284 [[image:画面样式 2.png||class="img-thumbnail"]]
285
286 Select the style and click "Finish" to enter the project main interface , as shown in the figure below.
287
288 (% style="text-align:center" %)
289 [[image:画面样式 3.png||height="435" width="730" class="img-thumbnail"]]
290
291 == Objects with style ==
292
293 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
295 1. Bit Switch of style 2
296
297 (% style="text-align:center" %)
298 [[image:4.Software Menu_html_757eb47fca683f56.png||height="49" width="117" class="img-thumbnail"]]
299
300 (% start="2" %)
301 1. Bit Switch of style 4
302
303 (% style="text-align:center" %)
304 [[image:4.Software Menu_html_7ca667b38357a466.png||height="50" width="117" class="img-thumbnail"]]
305
306 You could customize the graphics or display colors of the objects according to the project requirements.
307
308 == Built-In screens with style ==
309
310 After selecting a different style in the project, the Built-In screen will be replaced with a matching Built-In screen.
311
312 * When the style is not selected, the display effect of the Built-In screen 1000 is shown in the figure bellow.
313
314 (% style="text-align:center" %)
315 [[image:4.Software Menu_html_74c0d72ba07b422a.png||height="450" width="450" class="img-thumbnail"]]
316
317 * When style 1 is selected, the display effect of the Built-In screen 1000 is shown in the figure below.
318
319 (% style="text-align:center" %)
320 [[image:4.Software Menu_html_8b976a5b1164b6d6.png||height="449" width="450" class="img-thumbnail"]]
321
322 * 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
324 == Sample screen ==
325
326 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.
327
328 (% style="text-align:center" %)
329 [[image:画面样式 4.png||class="img-thumbnail"]]