可视化编辑教程-人机界面编辑说明

...wd......wd......wd...可视化编辑教程V1.01目录一：工程创立二：可视化全局设定三：控件实现四：总结：一工程创立1．第一步：定义工程名称通过菜单『File』/『NewProjiect』或工具栏中按钮翻开“NewProjiect〞，首先定义工程名和保存路径.2．第二步：选择图文显示硬件按<Next>确认对话框中已选中的产品组“PowerPanel〞.在对话框中选中需要的目标硬件“4PP420.1043-75〞.3.第三步：红色方框内就是创立这个工程的信息.点击Finish完成硬件产品的选择.4.第四步：键入可视化界面的名称，限制在六个字符内.点击<OK>，可视化组件工作时需要的所有资源已经安装好了，可视化组件的编辑器也翻开了，并且可以在上面编辑了。5.第五步：可视化编辑的窗口.二．初始化设定2.0可视化组件编辑器――工程一览2.1添加语言可视化编辑器默认的德语和英语，要使用中文就必须把中文添加进来，双击Languages，操作见图2.1-1，出现图图2.1-2的对话框，把现有的German改为Chinese，见图图2.1-3。图2.1-2图2.1-1图2.1-3设置完成后就可以在工程中使用中文了。见图2.1-4。图2.1-42.2增加字体把鼠标停留在<Fonts>上右键点击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>，选择字体类型，下拉菜单有很多字体可供选择，字号大小，以及是否要加粗和倾斜，见图图2.2-5。2.3变量来源程序编好后应先把所有的变量Update上来，你还可以理解为把所有的变量映射的可视化编辑器上来，操作如下以下列图。注意：你每一次对程序的修改后都要进展下面的操作，保证能找你要到的变量。图2.3-12.4可视化全局设定这里设定初始化，比方人机启动时的语言，这里选择Chinese，和启动的初始页面等等，如图2.4-1,在图2.4-2属性中把语言改成Chinese，页面为Init_Page.图2.4-1图2.4-2三．控件实现3.1位图插入双击<Bitmaps>/InsertBitmap，图3.1-1所示，然后点击Browse在你的电脑中选中你想要添加进来的位图，如图3.1-2，图3.1-3所示，按OK确定完成。图3.1-1图3.1-2图3.1-33.2创立位图组鼠标停留<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栏下拉可以在现有的位图中找，还可以在处在你的电脑中的文件夹中找，方法和插入位图时的方法一样！至于添加的位图组有何作用，在下面的内容再做描述！图3.2-53.3插入页面<Pages>/右键AddPage插入一个页面。图3.3-1给新添加的页面命一个名，比方命名为Page_Init表示初始页面。图3.3-2给页面属性<Properties>作设置，定义页面颜色等，具体见图3.3-3。比方BackColor设为：90，在图3.3-4中页面颜色就有了改变。Focus:表示按键屏时光标停留在输入框时，输入框的底色和字体的颜色。Edit：表示编辑输入时,输入框和字体的颜色，框里字体的颜色。Locked:表示以及锁定页面时，输入出框和字体的颜色。图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>，键入对应的中英文，如图图3.3-5。图3.3-4图3.3-53.4页面中插入文本――文本有静态文本与动态文本区分静态文本－在运行中不能改变的文本；动态文本－通过一个控制变量的结果来改变的。在工具条中点击图标，然后用鼠标在你想在的页面点击一下，在页面中就有了，对属性设置，见图3.4-1。图3.4-1你还可以不使用原先的文本组，直接键入文字，见图3.4-1。图3.4-12动态文本假设要面板上显示马达的运行状态，有文本的方式显示出来，就有到动态文本，下面来介绍动态文本的使用方法和上面讲的静态文本根本一样，只不过多了一个控制变量来改变文本的改变。在属性栏中设置就多了此项。点击红色标识处是在数据源里选择变量当变量btn0n为0时，动态文本显示；当变量btn0n为1时，动态文本显示。按键和虚拟按键1按键双击<Key>，在右边任意地方，右键AddVirtualkey增加一个按键，如以下列图：下面介绍切换页面按键的定义先，功能为：ChangePage切换页面，切换到Init_Page在页面中插入按键2虚拟按键四设计公共层公共层命名为GLOBAL在页面中应用公共层假设要在Init_Page页面中应用公共层，页面中就有了公共层，公共层可以多个页面中应用，并且一个页面上还可以应用多个公共层。6输入输出框下面来说说如何来