Changes for page 02 Software Menu

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

From 4.1 to 4.2 From 5.1 to 6.1

From version 4.2

edited by Leo Wei
on 2022/07/29 14:51

Change comment: Update document after refactoring.

To version 5.1

edited by Stone Wu
on 2022/08/02 11:10

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (2 modified, 0 added, 0 removed)

Details

Page properties

Author

@@ -1,1 +1,1 @@
--XWiki.admin
++XWiki.Stone

Content

@@ -1,6 +1,6 @@
  This chapter provides a precise introduction to PIStudio menu.
--= Home Menu =
++= Home menu =
  This section introduces homepage menu functions, the homepage menu as following picture shows.
@@ -9,7 +9,7 @@
  == Project ==
--[Project] toolbar provides basic operations for project files, this section introduces those functions in detailed.
++"Project" toolbar provides basic operations for project files, this section introduces those functions in detailed.
  (% style="text-align:center" %)
  [[image:4-9ProjectBar.png||alt="4.Software Menu_html_cdc2407ff8a8f469.png" class="img-thumbnail"]]
@@ -40,16 +40,16 @@
  **Operating Procedure of Fast Copy**
--1) Selection object, for example using Numeric Input/Dislay(HDW0);
++Selection object, for example using Numeric Input/Dislay(HDW0);
--2) Click [ [[image:4-7FastCopy.png]] ], it will pop up [Fast Copy] setting window as following shows;
++Click [ [[image:4-7FastCopy.png]] ], it will pop up [Fast Copy] setting window as following shows;
  (% style="text-align:center" %)
  [[image:4.Software Menu_html_bac9a5a7974f4c10.png||height="260" width="403" class="img-thumbnail"]]
--3) Configure number of copies, spacing in horizontal and vertical, and address interval;
++Configure number of copies, spacing in horizontal and vertical, and address interval;
--4) Click [OK] to save and exit;
++Click "OK" to save and exit;
  **Result**
@@ -58,9 +58,9 @@
  (% style="text-align:center" %)
  [[image:4.Software Menu_html_68288474ed27d9f3.png||height="118" width="182" class="img-thumbnail"]]
--== **Screen** ==
++== Screen ==
--[Screen] toolbar provides functions for screen edit; this section introduces those functions in detailed.
++It provides functions for screen edit; this section introduces those functions in detailed.
  (% style="text-align:center" %)
  [[image:4-6Screenbar.png||alt="4.Software Menu_html_e7b8329b40cb4fa7.png" class="img-thumbnail"]]
@@ -77,9 +77,9 @@
  |=Properties|Pop-up [Screen Properties] window, it could edit screen properties
  |=Manager|Pop-up [Screen Management] window, it could edit multiple screens' properties
--== **Appearance** ==
++== Appearance ==
--[Appearance] toolbar provides functions such as modifying object layout, object text fonts, etc. This section introduces those functions in detailed.
++It toolbar provides functions such as modifying object layout, object text fonts, etc. This section introduces those functions in detailed.
  (% style="text-align:center" %)
  [[image:4-4Appearanceoverview.png]]
@@ -103,7 +103,7 @@
  [[image:4-1LockUnlock.png||alt="4.Software Menu_html_7659d124b259c8dc.png" class="img-thumbnail"]]
  )))|Lock the position of the object so that it cannot be moved and resized;
--== **Tool** ==
++== Tool ==
  "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.
@@ -119,7 +119,7 @@
  |=On-Line|Enable on-line simulator. [[Online Simulation>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HOn-line]]
  |=U Disk Download|Enable [USB Flash disk download tool]. [[U disk download tool>>path:http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HUdiskDownload]]
--== **Help** ==
++== Help ==
  [Help] provides interface to the software help documentation and software version information.
@@ -131,7 +131,7 @@
  |=Help|Help document about programming software
  |=About|Programming software version information
--= **Project Menu** =
++= **Project menu** =
  This section introduces project menu functions, the project menu as following picture shows.
@@ -138,9 +138,9 @@
  (% style="text-align:center" %)
  [[image:4-12Projectoverview.png]]
--== **Settings** ==
++== Settings ==
--[Settings] toolbar provides project settings, such as communication settings, project settings and font settings, this section will introduce how to use those functions.
++"Settings" toolbar provides project settings, such as communication settings, project settings and font settings, this section will introduce how to use those functions.
  (% style="text-align:center" %)
  [[image:4-13Settingsbar.png]]
@@ -151,9 +151,9 @@
  |=Project Settings|Project properties settings[[🔗 5. >>path:#_Project_settings]][[Project setting>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/05.Project%20Settings/]]
  |=Font pack|Project font settings.[[🔗 14.5 Font pack>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#H14.5FontPack]]
--== **Library** ==
++== Library ==
--[Library] toolbar provides some library settings interface, such as text library, shape and other functions. The detailed introduction of those functions.
++"Library" toolbar provides some library settings interface, such as text library, shape and other functions. The detailed introduction of those functions.
  (% style="text-align:center" %)
  [[image:4-14Librarysbar.png]]
@@ -167,9 +167,9 @@
  |=Address|Set address library for HMI project [[ Address Library>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/7.Library/#HAddresslibrary]]
  |=Font|Set font library for HMI project [[Font Library>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/7.Library/#HFontlibrary]]
--== **Data Tool** ==
++== Data tool ==
--[Data Tool] toolbar provides access for each data setting, users could click item to open configure windows;
++"Data tool" toolbar provides access for each data setting, users could click item to open configure windows;
  (% style="text-align:center" %)
  [[image:4-15DataTool.png]]
@@ -185,12 +185,10 @@
  |User Permission|Set user permission for HMI project [[User Permission>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.9UserPermission]]
  |MessagePrompt|Set message prompt for HMI [[MessagePrompt>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.10MessagePrompt]]
--== **Tool** ==
++== Tool ==
--**Introduction**
++"Tool" toolbar contains windows display settings, and other functions;
--[Tool] toolbar contains windows display settings, and other functions;
--
  (% style="text-align:center" %)
  [[image:4-16Toolov.png||alt="4.Software Menu_html_880c00df27e52097.png" class="img-thumbnail"]]
@@ -216,20 +216,19 @@
  [[image:4.2Remake.png||class="img-thumbnail"]]
  (% class="wikigeneratedid" id="H4.3.1ProjectManagement" %)
--**(1) Project screen management**
++**Project screen management**
  It includes screen, script and system screen states, by double click the designated property to edit.
--**Description**
++Description
--1. **Screen: **All screens in current project are shown in the screen list.
--1. **Script:** Include background scripts and background functions. For the details, please refer to "[[Background function>>http://docs.we-con.com.cn/wiki/pistudio/edit/Helps/09.Macro%20Script/WebHome?section=6]]"
++* **Screen: **All screens in current project are shown in the screen list.
++* **Script:** Include background scripts and background functions. For the details, please refer to "[[Background function>>http://docs.we-con.com.cn/wiki/pistudio/edit/Helps/09.Macro%20Script/WebHome?section=6]]"
++** Background script: The scripts could run when project is running.
++** Background Function: Background function is a form of code for using, it could be called in any script.
--* Background script: The scripts could run when project is running.
--* Background Function: Background function is a form of code for using, it could be called in any script.
++System Screen: System sub-screen for keypad display.
--**3) System Screen:** System sub-screen for keypad display.
--
  * Screen 1000: Numerical input keypad
  * Screen 1001: Text input keypad
  * Screen 1002: Mutual screen, this screen will display on all other screens
@@ -241,12 +241,11 @@
  * Screen 1009: Installment payment alert screen
  * Screen 5001: Timeout list
--**(2) Screen editing area**
++**Screen editing area**
  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.
--(% class="wikigeneratedid" id="H4.3.2PreviewScreen" %)
--**{{id name="_Toc9632"/}}(3) {{id name="_Screen_preview"/}}Preview screen**
++**Preview screen**
  Click the corresponding screen, the preview screen area would display the selected screen.
@@ -254,7 +254,7 @@
  [[image:4.Software Menu_html_5054af82f0abc4e9.png||height="320" width="346" class="img-thumbnail"]]
  (% class="wikigeneratedid" id="H4.3.3CompileConsole" %)
--**(4) Compile Console**
++**Compile Console**
  "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.
@@ -270,28 +270,30 @@
 . All Built-In screens in the project are replaced the same style with the preview image.
 . After selecting the style, the preview image is stored in "System Screen /Sample Screen" , and the sample screen does not occupy project memory.
--== **Create new project with style** ==
++== Create new project with style ==
--1) 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.
++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.
  (% style="text-align:center" %)
  [[image:画面样式 1.png||class="img-thumbnail"]]
--2) Select the model, click Next, enter the Screen Style Selection, each style has a preview, (None means the old style).
++Select the model, click Next, enter the Screen Style Selection, each style has a preview, (None means the old style).
--Each style has a matching background image and object graphics. After selecting the style, you can view the effect in the preview image. Example: The preview effect of style 4 is shown in as below.
++Each style has a matching background image and object graphics. After selecting the style, you can view the effect in the preview image.
++Example: The preview effect of style 4 is shown in as below.
++
  (% style="text-align:center" %)
  [[image:画面样式 2.png||class="img-thumbnail"]]
--3) Select the style and click "Finish" to enter the project main interface , as shown in the figure below.
++Select the style and click "Finish" to enter the project main interface , as shown in the figure below.
  (% style="text-align:center" %)
  [[image:画面样式 3.png||height="435" width="730" class="img-thumbnail"]]
--== **Objects with style** ==
++== Objects with style ==
--1) 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.
++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.
 . Bit Switch of style 2
@@ -306,23 +306,23 @@
  You could customize the graphics or display colors of the objects according to the project requirements.
--== **Built-In screens with style** ==
++== Built-In screens with style ==
  After selecting a different style in the project, the Built-In screen will be replaced with a matching Built-In screen.
--~1. When the style is not selected, the display effect of the Built-In screen 1000 is shown in the figure bellow.
++* When the style is not selected, the display effect of the Built-In screen 1000 is shown in the figure bellow.
  (% style="text-align:center" %)
  [[image:4.Software Menu_html_74c0d72ba07b422a.png||height="450" width="450" class="img-thumbnail"]]
--2. When style 1 is selected, the display effect of the Built-In screen 1000 is shown in the figure below.
++* When style 1 is selected, the display effect of the Built-In screen 1000 is shown in the figure below.
  (% style="text-align:center" %)
  [[image:4.Software Menu_html_8b976a5b1164b6d6.png||height="449" width="450" class="img-thumbnail"]]
--3.  The keyboard screen of style 1 to 6 style adopts a new layout, you could modify the key input text according to your needs.
++* The keyboard screen of style 1 to 6 style adopts a new layout, you could modify the key input text according to your needs.
--== **Sample screen** ==
++== Sample screen ==
  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.

Changes for page 02 Software Menu

Summary

Details

Navigation

Table of Contents