操作:
第一步:构建背景
- 点击界面,然后点击右侧的page:
- 此时界面中红框的部分是页面属性,这里简单讲解一下几个基本概念:
- 当前页面是“开机页面”,也就是系统上电后自动进入的界面,一般此界面会制作一个产品LOGO的界面,在本例程中,我们省略了这个界面,直接制作核心控制界面
- 每个界面一创建,就会带有两个控件,appbase控件和page控件
- 其中:appbase控件是整个系统的全局处理控件,所有的通信程序等跨越界面的代码(比如通信数据的处理代码)都需要放在此;我们这个例子暂时不涉及,appbase的详细请参见com_appbase
- page:是决定当前页面背景显示的一个专用控件,每个界面只允许放置一个page控件,page控件有3种背景模式:
模式 | 说明 |
---|---|
纯色背景 | 固定某一种颜色的背景 |
图片背景 | 以一副分辨率和屏幕分辨率一样的图片为背景 |
上下过度色背景 | 由于屏幕采用16bit真彩,也就是RGB565模式的显示,因此过度色请使用跨度最大的颜色,即便如此,大多数颜色也只能显示32级过度,因此此项功能在大屏上慎用 |
- 因此在本例中,我们使用纯色背景
- 将page种的mode 和bc 修改图上所示,page有关值请参见com_page
- 点击“刷新效果”,可以看到编译结果,同时运行后的界面,当然现在只有背景颜色
第二步:放置按钮
- 点击左侧的控件名称 Label ,显示界面上就会出现l1的lable控件点击l1 label控件,控件选中后,外边框变白,在右侧把l1.text的属性改成“GPIO0”
- 同样,再放置3个控件
- l2:label 将属性text设置成"GPIO1"
- b1:button 将属性text设置成"开"
- b2:button 将属性text设置成"开"
- 拖拽各控件到如下位置:
- 此时,我们点击“刷新效果”,于是最终界面: