1、Android app 界面布局Android学习系列(5)-App布局初探之简单模型 人类科技的进步源自探索,探索来自于发现本原,当然App布局没这么先进,本文也只是一个归类总结。这篇文章是android开发人员的必备知识,是我特别为大家整理和总结的,不求完美,但是有用。Android界面开发多多少少会有很多雷同或者相似的布局,不仅如此,纵观Android应用的界面,总也逃不出那些熟悉的结构。今天,我根据经验,把我认为的常见的布局做一个分析,归纳出几种简单的模型,这些模型一般是我认为解决其对应布局问题的最佳布局,具体要看情况。因为工作的限制,我无法专门研究天马行空,万罗天象的布局,只能根据我
2、工作中碰到的布局,略加斟酌。还有一点我要强调,这些布局的原则就是:简单,灵活。模型一:水平三列坐拥式 效果图: 说明:水平三列,两边分别是返回,提交的按钮,中间是必须居中的几个字,一般都是标题名称。 仿佛标题内容的背景坐拥左右两位美女般的按钮。 方法:主要使用FrameLayout布局 素材: 、 layout代码: 模型二:水平三列双耳式 效果图: 说明: 水平三列,两边分别是返回,提交的按钮,中间是几个字,这几个字可以居左,居中,居右,而不与两边的按钮重叠。 此模型和坐拥式模型相似,但是中间的部分不是把左右按钮坐拥入怀,而是单独占据,且也只占据中间部分。 这种模型能够实现坐拥式模型的效果,
3、而且能偏左偏右而不和两边按钮重叠。 但是因为这种情况使用RelativeLayout布局比较好,需要定义ID,稍微麻烦了一点点。 方法:主要是RelativeLayout布局 素材:同上 layout代码: 正文 android:textSize=18dip android:textColor=#000000 / 关于这个模型,我补充一点,很多人认为这个用LinearLayout布局,设置两边的控件居左居右,中间的设置layout_gravity想偏左就偏左,想偏右就偏右。 但是,LinearLayout布局方向为horizontal ,layout_gravity是无效的。模型三:水平四列双
4、耳互补式 效果图: 说明: 两边是按钮,中间部分被两个控件互补式分割,主要是左边的会随内容填充,但是必须两者内容宽度之和不能大于中间部分。 这个和双耳式差不多,也说明了,双耳式在保证有空余空间的基础上,可以扩充到4列,5列等多列。 方法:主要是RelativeLayout布局 素材:同上 layout代码: 模型四:水平多列分摊式(增强版) 效果图: 说明:几大模块均占所有区域,之间以小小的分割线隔离。 因为分割线只占很小的部分,所有模块和分割线并不是分摊的,但是模块标题本身占据大头,他们之间是分摊的。 素材: 方法: 直接用LinearLayout布局,模块均摊,都设置layout_weight=1,分割线不分摊,不设置layout_weight,默认自包裹,不延伸。 layout代码: 模型五:垂直三行天地式 效果图: 说明:类似于水平三列双耳式,上下固定,中间自适应(自填充),不多说。 方法:同水平三列双耳式,使用RelativeLayout布局 layout代码: 模型六:垂直三行弹簧式 效果图: 说明:这种模型很简单,类似于弹簧,最下面的一行能伸能屈,中间部分随内容固定。 方法:类似于模式五。 layout代码: LinearLayout android:id=+id/center_linear android:layo