操作：

第一步：构建背景

• 点击界面，然后点击右侧的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设置成"开"
• 拖拽各控件到如下位置：

• 此时，我们点击“刷新效果”，于是最终界面：