Wiki source code of 02 Software Menu
Last modified by Jett on 2025/03/05 10:37
Show last authors
author | version | line-number | content |
---|---|---|---|
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"]] |