一、创建按钮控件
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,再次编译就可以看到提示编译工程信息成功