一、概述

在移动开发中，界面设计是必不可少的，而布局类型的选择是开始的第一步，本篇主要介绍移动表单/单据的界面布局类型，包括如下：

1. 缺省（推荐布局）

2. 高宽等比缩放

3. 自定义屏幕比例

   
   

二、详情 

   2.1. 缺省布局（xmobile新版框架的缺省布局，推荐）

    元素宽度：按BOSIDE设计界面元素所在父容器的占比显示（单位 %）

    元素高度：按BOSIDE设计界面元素设定高度显示（单位 px）

    如下图单据列表中的布局，列表区包括头像，内容，操作3个区域：

设计如下：

 a. 切换到列表设计区域，放一个根流式布局，然后设置方向为“横向”

b. 然后再放3个流式布局，分别设置合适宽度

 注意：

1. 这里没有设置内外边距，如果有内外边距，宽高也应该相应考虑进去

2. 流式布局、单据分录、单据列表等容器的“充满（N）”属性也只有在缺省布局类型下才生效。

2.2. 高宽等比缩放（mobile旧版框架的布局，这里通常用于同一个表单兼容新旧2个框架布局时使用）

    设计器容器：必须是宽高 320*480

    元素宽度：按BOSIDE设计界面元素所在父容器的占比显示（单位 px）

    元素高度：按BOSIDE设计界面元素所在父容器的占比显示（单位 px）

    界面元素会根据运行时屏幕将宽高同时拉伸

2.3. 自定义屏幕比例（mobile旧版框架的布局，通常用于表单自定义比例设置）

    设计器容器：必须是宽高 320*480 或者 640*480