DJN-HMI按钮控件使用说明书

一、创建按钮控件 

1.单击选中快捷工具栏上的图标   

图标

2.在画布位置上按下左键不释放并拖拽出合适的大小后释放鼠标左键   

3.此时按钮控件就被绘制出来，如图

 4.按钮的默认属性如图(下)，按钮有多种类型，这里只是其中一种   

5.若想做出比较美观的控件，需要多属性组合，所以了解每个属性是必须的   

6.属性最下方有每条属性的描述，例如：控件类型：控件的类型   

现在看起来是不是看不出来这是个按键，别急，接下来修改一下控件的属性来让它看起来更符合按钮 

二、按钮控件应用 

1.触控用途设置为切换画面   

2.目标画面设置为之前添加的画面Button.can   

3.动画效果设置为从上到下  

4.文字状态设置为是   

5.字体大小设置为16   

6. 弹起时文字颜色设置为0x000000(黑色)   

7.弹起时的文字设置为Button   

8.按钮弹起时颜色设置为0xFFFFFF (白色)   

9.按钮风格设置为圆角按钮   

效果如图(上)所示，这样就完成了一个页面跳转功能，当按下此按钮，会跳转到 Button.can画面， 更新后属性如图(下) 

刚刚我们实现了主页跳转到Button画面的功能，现在，我们需要在Button.can画面再创 建一个按钮，利用该按钮返回主页  

选中主页里刚刚创建好的Button，Ctrl+C复制，然后单击Button.can画面， Ctrl+V粘贴，这样， 就能得到一个和之前样式一样的按钮，这大大节省我们的设计时间， 现在来微调 一下属性 

X坐标： 40  Y坐标： 25  宽度： 92  高度： 31   

弹起的文字设置为返回主页   

按钮弹起颜色设置为0xFFFBF0   

目标画面设置为Main.can   

属性更新后如图所示    

这样，我们就完成了主页到Button页面， Button页面返回主页的功能，是不是很简单 

想看实际的效果，可以点击运行虚拟串口屏( 快捷键F7)   

编译过程可在输出窗口查看，你会发现提示启动画面不存在，这是因为我们将画面重命 名了，解决方法，单击工程窗口内的工程名字，找到工程属性里的启动画面，将之前的 Canvas0.can改成Main.can，再次编译就可以看到提示编译工程信息成功