02 Software Menu

|=New|[[Create a new screen>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/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

== **Appearance** ==

[Appearance] 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="73" width="265" 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" 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" class="img-thumbnail"]]

104

)))|Lock the position of the object so that it cannot be moved and resized;

== **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.

109

110

(% style="text-align:center" %)

111

[[image:4-5Toolbar.png]]

112

113

(% class="table-bordered" %)

114

|=(% scope="row" %)**Items**|=**Description**

115

|=Compile|Compile current project and create .wmt file. [[Compile project>>path:http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HCompileProject]]

116

|=Cancel|Cancel the compilation of project

117

|=Download|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]]

118

|=Off-Line|Enable off-line simulator. [[Offline Simulation>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HOff-line]]

119

|=On-Line|Enable on-line simulator. [[Online Simulation>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HOn-line]]

120

|=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] 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" %)**Items**|=**Description**

131

|=Help|Help document about programming software

132

|=About|Programming software version information

= **Project Menu** =

This section introduces project menu functions, the project menu as following picture shows.

137

138

(% style="text-align:center" %)

139

[[image:4-12Projectoverview.png]]

== **Settings** ==

[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>>http://docs.we-con.com.cn/wiki/pistudio/edit/Helps/03.Getting%20Started/WebHome?section=2]]

151

|=Project Settings|Project properties settings[[🔗 5. >>path:#_Project_settings]][[Project setting>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/05.Project%20Settings/]]

152

|=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] 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>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/7.Library/#HAddressmapping]]

164

|=Text|Set text library for HMI project [[Text Library>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/7.Library/#HTextlibrary]]

165

|=E-mail|Set E-mail function [[Email>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/11.Advanced%20Function/#HEmail]]

166

|=Shape|Set shape (pictures) for HMI project [[Shape>>path:http://docs.we-con.com.cn/wiki/pistudio/view/Helps/7.Library/#HShape]]

167

|=Address|Set address library for HMI project [[ Address Library>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/7.Library/#HAddresslibrary]]

168

|=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] 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>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.4.1BitAlarm]]

180

|Word Alarm|Set word alarm function [[Word Alarm>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.4.2WordAlarm]]

181

|Recipe|Set recipe function [[Recipe>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#HRecipe]]

182

|Trend Chart|Set trend chart function [[Trend Chart>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#HTrendchartconfig]]

183

|History XY Plot|Set history XY Plot function [[History XY Plot>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.8HistoryXYPlot]]

184

|Data Record|Set data record function[[ Data Record>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.3DataRecord]]

185

|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]]

186

|MessagePrompt|Set message prompt for HMI [[MessagePrompt>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/08.Basic%20Function/#H8.10MessagePrompt]]

== **Tool** ==

**Introduction**

[Tool] toolbar contains windows display settings, and other functions;

193

194

(% style="text-align:center" %)

195

[[image:4-16Toolov.png||alt="4.Software Menu_html_880c00df27e52097.png" class="img-thumbnail"]]

196

197

(% class="table-bordered" %)

198

|=**Items**|=**Description**

199

|Project Window|Check it to display project window

200

|Preview Window|Check it to display preview window

201

|Compiling Window|Check it to display compiling window

202

|Report|Check it to display report window

203

|Delete Report|Click it to delete converted report (LEVI to PI)

204

|Shape|Click it to change selected object shape directly

205

|Format|Click it to change selected object data format directly

206

|Property|Click it to open selected object property window

207

|Address List|Click it to open project address list [[Address List>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#H14.6AddressList]]

208

|Decompile|Click it to open decompile tool[[ Decompile>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HDecompile]]

209

|Password Tool|Click it to open password tool [[Password Tool>>http://docs.we-con.com.cn/wiki/pistudio/view/Helps/14.Tools/#HPasswordtool]]

210

211

= **Project management** =

212

213

This section introduces project screen menu functions, the project menu as following picture shows.

214

215

(% style="text-align:center" %)

216

[[image:4.2Remake.png||class="img-thumbnail"]]

217

218

(% class="wikigeneratedid" id="H4.3.1ProjectManagement" %)

219

**(1) Project screen management**

220

221

It includes screen, script and system screen states, by double click the designated property to edit.

**Description**

1. **Screen: **All screens in current project are shown in the screen list.

226

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]]"

227

228

* Background script: The scripts could run when project is running.

229

* Background Function: Background function is a form of code for using, it could be called in any script.

230

231

**3) System Screen:** System sub-screen for keypad display.

232

233

* Screen 1000: Numerical input keypad

234

* Screen 1001: Text input keypad

235

* Screen 1002: Mutual screen, this screen will display on all other screens

236

* Screen 1003: User login screen

237

* Screen 1005: It can input: numbers, Chinese characters and letters.

238

* Screen 1006: User login screen, include user name and password input

239

* Screen 1007: Password change screen

240

* Screen 1008: Installment payment password input screen

241

* Screen 1009: Installment payment alert screen

242

* Screen 5001: Timeout list

243

244

**(2) Screen editing area**

245

246

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.

247

248

(% class="wikigeneratedid" id="H4.3.2PreviewScreen" %)

249

**{{id name="_Toc9632"/}}(3) {{id name="_Screen_preview"/}}Preview screen**

250

251

Click the corresponding screen, the preview screen area would display the selected screen.

252

253

(% style="text-align:center" %)

254

[[image:4.Software Menu_html_5054af82f0abc4e9.png||height="320" width="346" class="img-thumbnail"]]

255

256

(% class="wikigeneratedid" id="H4.3.3CompileConsole" %)

257

**(4) Compile Console**

258

259

"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.

260

261

(% style="text-align:center" %)

262

[[image:4.Software Menu_html_e4e6ae0c01e7f26c.png||height="213" width="328" class="img-thumbnail"]]

263

264

= **Screen style(Only ig series)** =

265

266

After the style is selected, the screen of the project changes as shown below:

267

268

1. The created screen background will be automatically filled, which is the same as the screen background in the preview image.

269

1. The created object’s graphic is also the same as the graphic style in the preview image.

270

1. All Built-In screens in the project are replaced the same style with the preview image.

271

1. After selecting the style, the preview image is stored in "System Screen /Sample Screen" , and the sample screen does not occupy project memory.

272

273

== **Create new project with style** ==

274

275

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.

276

277

(% style="text-align:center" %)

278

[[image:画面样式 1.png||class="img-thumbnail"]]

279

280

2) Select the model, click Next, enter the Screen Style Selection, each style has a preview, (None means the old style).

281

282

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.

283

284

(% style="text-align:center" %)

285

[[image:画面样式 2.png||class="img-thumbnail"]]

286

287

3) Select the style and click "Finish" to enter the project main interface , as shown in the figure below.

288

289

(% style="text-align:center" %)

290

[[image:画面样式 3.png||height="435" width="730" class="img-thumbnail"]]

291

292

== **Objects with style** ==

293

294

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.

295

296

1. Bit Switch of style 2

297

298

(% style="text-align:center" %)

299

[[image:4.Software Menu_html_757eb47fca683f56.png||height="49" width="117" class="img-thumbnail"]]

300

301

(% start="2" %)

302

1. Bit Switch of style 4

303

304

(% style="text-align:center" %)

305

[[image:4.Software Menu_html_7ca667b38357a466.png||height="50" width="117" class="img-thumbnail"]]

306

307

You could customize the graphics or display colors of the objects according to the project requirements.

308

309

== **Built-In screens with style** ==

310

311

After selecting a different style in the project, the Built-In screen will be replaced with a matching Built-In screen.

312

313

~1. When the style is not selected, the display effect of the Built-In screen 1000 is shown in the figure bellow.

314

315

(% style="text-align:center" %)

316

[[image:4.Software Menu_html_74c0d72ba07b422a.png||height="450" width="450" class="img-thumbnail"]]

317

318

2. When style 1 is selected, the display effect of the Built-In screen 1000 is shown in the figure below.

319

320

(% style="text-align:center" %)

321

[[image:4.Software Menu_html_8b976a5b1164b6d6.png||height="449" width="450" class="img-thumbnail"]]

322

323

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.

324

325

== **Sample screen** ==

326

327

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.

328

329

(% style="text-align:center" %)

330

[[image:画面样式 4.png||class="img-thumbnail"]]

Wiki source code of 02 Software Menu

Navigation

Table of Contents