可視化編輯教程-人機(jī)界面編輯說明

...wd......wd......wd...可視化編輯教程V1.01目錄一：工程創(chuàng)立二：可視化全局設(shè)定三：控件實(shí)現(xiàn)四：總結(jié)：一工程創(chuàng)立1．第一步：定義工程名稱通過菜單『File』/『NewProjiect』或工具欄中按鈕翻開“NewProjiect〞，首先定義工程名和保存路徑.2．第二步：選擇圖文顯示硬件按<Next>確認(rèn)對(duì)話框中已選中的產(chǎn)品組“PowerPanel〞.在對(duì)話框中選中需要的目標(biāo)硬件“4PP420.1043-75〞.3.第三步：紅色方框內(nèi)就是創(chuàng)立這個(gè)工程的信息.點(diǎn)擊Finish完成硬件產(chǎn)品的選擇.4.第四步：鍵入可視化界面的名稱，限制在六個(gè)字符內(nèi).點(diǎn)擊<OK>，可視化組件工作時(shí)需要的所有資源已經(jīng)安裝好了，可視化組件的編輯器也翻開了，并且可以在上面編輯了。5.第五步：可視化編輯的窗口.二．初始化設(shè)定2.0可視化組件編輯器――工程一覽2.1添加語言可視化編輯器默認(rèn)的德語和英語，要使用中文就必須把中文添加進(jìn)來，雙擊Languages，操作見圖2.1-1，出現(xiàn)圖圖2.1-2的對(duì)話框，把現(xiàn)有的German改為Chinese，見圖圖2.1-3。圖2.1-2圖2.1-1圖2.1-3設(shè)置完成后就可以在工程中使用中文了。見圖2.1-4。圖2.1-42.2增加字體把鼠標(biāo)停留在<Fonts>上右鍵點(diǎn)擊AddFont，鍵入名稱Font_FS_12如圖2.2-1所示，然后在字體組中就有了我們剛剛添加的字體如圖2.2-2；圖2.2-1圖2.2-3圖2.2-2圖2.2-4圖2.2-5在屬性<Properties>，選擇字體類型，下拉菜單有很多字體可供選擇，字號(hào)大小，以及是否要加粗和傾斜，見圖圖2.2-5。2.3變量來源程序編好后應(yīng)先把所有的變量Update上來，你還可以理解為把所有的變量映射的可視化編輯器上來，操作如下以下列圖。注意：你每一次對(duì)程序的修改后都要進(jìn)展下面的操作，保證能找你要到的變量。圖2.3-12.4可視化全局設(shè)定這里設(shè)定初始化，比方人機(jī)啟動(dòng)時(shí)的語言，這里選擇Chinese，和啟動(dòng)的初始頁面等等，如圖2.4-1,在圖2.4-2屬性中把語言改成Chinese，頁面為Init_Page.圖2.4-1圖2.4-2三．控件實(shí)現(xiàn)3.1位圖插入雙擊<Bitmaps>/InsertBitmap，圖3.1-1所示，然后點(diǎn)擊Browse在你的電腦中選中你想要添加進(jìn)來的位圖，如圖3.1-2，圖3.1-3所示，按OK確定完成。圖3.1-1圖3.1-2圖3.1-33.2創(chuàng)立位圖組鼠標(biāo)停留<BitmapGroups>上，右鍵<AddBitmapGroups>，如圖3.2-1,3.2-1所示，屬性－鍵入位圖組名稱，如圖3.2-3所示。圖3.2-1圖3.2-1圖3.2-3然后給位圖組插入位圖，右鍵<AddBitmap>，如圖3.2-4所示。圖3.2-4圖3.2-5中，BitmapReference欄下拉可以在現(xiàn)有的位圖中找，還可以在處在你的電腦中的文件夾中找，方法和插入位圖時(shí)的方法一樣！至于添加的位圖組有何作用，在下面的內(nèi)容再做描述！圖3.2-53.3插入頁面<Pages>/右鍵AddPage插入一個(gè)頁面。圖3.3-1給新添加的頁面命一個(gè)名，比方命名為Page_Init表示初始頁面。圖3.3-2給頁面屬性<Properties>作設(shè)置，定義頁面顏色等，具體見圖3.3-3。比方BackColor設(shè)為：90，在圖3.3-4中頁面顏色就有了改變。Focus:表示按鍵屏?xí)r光標(biāo)停留在輸入框時(shí)，輸入框的底色和字體的顏色。Edit：表示編輯輸入時(shí),輸入框和字體的顏色，框里字體的顏色。Locked:表示以及鎖定頁面時(shí)，輸入出框和字體的顏色。圖3.3-3圖3.3-43.3文本組<TextGroup>/右鍵<AddTextGroup>，見圖3.3-1.圖3.3-1給新添加的文本組命名，如圖3.3-2，鍵入System，在<TextGroup>下面就有了名為System的文本組，如圖3.3-3，圖3.3-2圖3.3-3雙擊剛剛添加的System文本組，給文本組添加文本<AddText>，鍵入對(duì)應(yīng)的中英文，如圖圖3.3-5。圖3.3-4圖3.3-53.4頁面中插入文本――文本有靜態(tài)文本與動(dòng)態(tài)文本區(qū)分靜態(tài)文本－在運(yùn)行中不能改變的文本；動(dòng)態(tài)文本－通過一個(gè)控制變量的結(jié)果來改變的。在工具條中點(diǎn)擊圖標(biāo)，然后用鼠標(biāo)在你想在的頁面點(diǎn)擊一下，在頁面中就有了，對(duì)屬性設(shè)置，見圖3.4-1。圖3.4-1你還可以不使用原先的文本組，直接鍵入文字，見圖3.4-1。圖3.4-12動(dòng)態(tài)文本假設(shè)要面板上顯示馬達(dá)的運(yùn)行狀態(tài)，有文本的方式顯示出來，就有到動(dòng)態(tài)文本，下面來介紹動(dòng)態(tài)文本的使用方法和上面講的靜態(tài)文本根本一樣，只不過多了一個(gè)控制變量來改變文本的改變。在屬性欄中設(shè)置就多了此項(xiàng)。點(diǎn)擊紅色標(biāo)識(shí)處是在數(shù)據(jù)源里選擇變量當(dāng)變量btn0n為0時(shí)，動(dòng)態(tài)文本顯示；當(dāng)變量btn0n為1時(shí)，動(dòng)態(tài)文本顯示。按鍵和虛擬按鍵1按鍵雙擊<Key>，在右邊任意地方，右鍵AddVirtualkey增加一個(gè)按鍵，如以下列圖：下面介紹切換頁面按鍵的定義先，功能為：ChangePage切換頁面，切換到Init_Page在頁面中插入按鍵2虛擬按鍵四設(shè)計(jì)公共層公共層命名為GLOBAL在頁面中應(yīng)用公共層假設(shè)要在Init_Page頁面中應(yīng)用公共層，頁面中就有了公共層，公共層可以多個(gè)頁面中應(yīng)用，并且一個(gè)頁面上還可以應(yīng)用多個(gè)公共層。6輸入輸出框下面來說說如何來