2.3.4.1 上中下布局
上中下布局组件默认自动充满父容器，分为上中下3个区域，每个区域都可以设置背景色，如图4-30所示，其中“面板头部”固定显示在页面顶部，“面板底部”固定显示在页面底部，“面板内容”自动充满剩下的区域。当面板内容长度超出面板内容区域的高度时，可以通过滑动查看下面的内容，此时面板头部和面板底部固定不动，仅面板内容区域中的内容上下滚动。
图4-30 上中下布局组件
1、添加/删除面板头部区域、底部区域
上中下布局组件内部有3个区域，必须有的是面板内容区域，面板头部和面板底部可有可无。添加头部区域的方法是：选择上中下组件，单击属性栏设置区域的“添加头部区域”按钮，即可添加出头部区域。删除头部区域的方法是：用鼠标右键单击头部区域，在弹出的菜单中，选择“删除”命令，即可删除头部区域。底部区域的操作和头部区域相同。
2、基础属性
上中下组件中的头部区域和底部区域各提供1个基础属性：高度，用来设置头部区域和底部区域的高度，默认48px。
3、事件
上中下组件及其内部3个区域都提供了2个事件：单击事件和长按事件。在其中添加其它组件后，在这些组件上单击或长按，都会触发这些事件。
4、样式
上中下布局组件提供一个特有样式：常用布局，用来设置组件的显示方式。可选项为：全屏显示和非全屏显示
5、示例
页面的高度是由里面的内容的高度决定的，如果页面内容不多，未能占满一屏，那么页面的高度就不到一屏。此时如需设置页面背景色，就需要使用上中下布局组件，利用面板内容撑满全屏的特点，设置面板内容区域的背景色，就是设置页面的背景色。如果不需要面板头部区域和底部区域，删除即可。