Wiki source code of 02 Software Menu
Last modified by Wecon on 2025/09/03 21:03
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
| |
1.1 | 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 "OK" 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"]] |