如何创建精致的UI界面(五):响应式布局篇( 五 )

4. 分栏布局

如何创建精致的UI界面(五):响应式布局篇

分栏布局定义:界面布局结构发生改变,当然这种布局一般比较复杂,开发需要重构 UI 框架,一般在横屏及超大屏幕上面会使用这样的布局,比如超大寸PAD,智能电视,车机系统。

5. 流动布局

如何创建精致的UI界面(五):响应式布局篇

流动布局定义:界面元素可以根据新的屏幕比例或设备方向在组件内进行流动型布局,界面元素是可以位置发生改变的,这种布局开发成本高,适配有一定难度,但是效果还是不错的。

6. 重复布局

如何创建精致的UI界面(五):响应式布局篇

重复布局定义:界面元素在横屏下有限空间内进行多列重复布局,一般最多3列,这种布局可以展示更多的资源,开发成本也有点高,因为布局发生变化。

推荐阅读