Wiki source code of 02 Software Menu

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

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