Wiki source code of 02 Software Menu
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 | (% 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"]] |