Android app 界面布局.docx

Android学习系列(5)-App布局初探之简单模型人类科技的进步源自探索，探索来自于发现本原，当然App布局没这么先进，本文也只是一个归类总结。这篇文章是android开发人员的必备知识，是我特别为大家整理和总结的，不求完美，但是有用。Android界面开发多多少少会有很多雷同或者相似的布局，不仅如此，纵观Android应用的界面，总也逃不出那些熟悉的结构。今天，我根据经验，把我认为的常见的布局做一个分析，归纳出几种简单的模型，这些模型一般是我认为解决其对应布局问题的最佳布局，具体要看情况。因为工作的限制，我无法专门研究天马行空，万罗天象的布局，只能根据我工作中碰到的布局，略加斟酌。还有一点我要强调，这些布局的原则就是：简单，灵活。模型一：水平三列坐拥式 效果图： 说明：水平三列，两边分别是返回，提交的按钮，中间是必须居中的几个字，一般都是标题名称。 仿佛标题内容的背景坐拥左右两位美女般的按钮。 方法：主要使用FrameLayout布局 素材： 、 layout代码： 模型二：水平三列双耳式 效果图： 说明： 水平三列，两边分别是返回，提交的按钮，中间是几个字，这几个字可以居左，居中，居右，而不与两边的按钮重叠。 此模型和坐拥式模型相似，但是中间的部分不是把左右按钮坐拥入怀，而是单独占据，且也只占据中间部分。 这种模型能够实现坐拥式模型的效果，而且能偏左偏右而不和两边按钮重叠。 但是因为这种情况使用RelativeLayout布局比较好，需要定义ID，稍微麻烦了一点点。 方法：主要是RelativeLayout布局 素材：同上 layout代码： 正文 android:textSize=18dip android:textColor=#000000 / 关于这个模型，我补充一点，很多人认为这个用LinearLayout布局，设置两边的控件居左居右，中间的设置layout_gravity想偏左就偏左，想偏右就偏右。 但是，LinearLayout布局方向为horizontal ,layout_gravity是无效的。模型三：水平四列双耳互补式 效果图： 说明： 两边是按钮，中间部分被两个控件互补式分割，主要是左边的会随内容填充，但是必须两者内容宽度之和不能大于中间部分。 这个和双耳式差不多，也说明了，双耳式在保证有空余空间的基础上，可以扩充到4列，5列等多列。 方法：主要是RelativeLayout布局 素材：同上 layout代码： 模型四：水平多列分摊式(增强版) 效果图： 说明：几大模块均占所有区域，之间以小小的分割线隔离。 因为分割线只占很小的部分，所有模块和分割线并不是分摊的，但是模块标题本身占据大头，他们之间是分摊的。 素材： 方法： 直接用LinearLayout布局，模块均摊，都设置layout_weight=1，分割线不分摊，不设置layout_weight,默认自包裹，不延伸。 layout代码： 模型五：垂直三行天地式 效果图： 说明：类似于水平三列双耳式，上下固定，中间自适应（自填充），不多说。 方法：同水平三列双耳式，使用RelativeLayout布局 layout代码： 模型六：垂直三行弹簧式 效果图： 说明：这种模型很简单，类似于弹簧，最下面的一行能伸能屈，中间部分随内容固定。 方法：类似于模式五。 layout代码： 初探之下，列举了简单的6中模型，除此之外，本人发现受限于手机屏幕大小的限制和高宽的固定，有很多web的布局其实在手机上的实现是很难的。 希望看了文章的人，能支持一下，有什么好的经典的布局，给我留言，一起探讨，一起分享。 最后公布一个大概布局的三字文：上中下，左中右，多行列，用相对。线性局，紧凑排，无方向，可居中。帧布局，定位准，相关弱，代码少。1、也谈layout_gravity和gravity的用法 ;当作为父layout的LinearLayout的属性为android orientation=vertical的时候，android:layout_gravity=？这里设为横向的时候才能生效。比如：left，right，center_horizontal等。当作为父layout的LinearLayout的属性为android orientation=horizental的时候，android:layout_gravity=？这里设为纵向的时候才能生效。比如：top，bottom，center_vertical等；2、android中layout_width的几种不同的方式1. wrap_content的讲解。下面，我们来看一个实例。可以看到wrap_content的效果是包裹住其中的内容了，如图所示。2. 接下来看看fill_parent。我们再来试验一下，如图所示。看来fill_parent是填满它的父亲，如图所示。3. 最后我们再来验证一下上面的观点。如图所示。下面是最后的效果。如图所示。看来我们的观点是正确的。三 、android编写EditText警告提示：This text field does not specify an inputType or a hint可以尝试添加android:hintText和android:inputType两个属性。其中：android:hintText为空时显示的文字提示信息，可通过textColorHint设置提示信息的颜色android:inputType设置文本的类型，用于帮助输入法显示合适的键盘类型。 android:hintText=这里提示你该输入什么内容 android:inputType=none android:inputType=text android:inputType=textCapCharacters android:inputType=textCapWords android:inputType=textCapSentences android:inputType=textAutoCorrect android:inputType=textAutoComplete android:inputType=textMultiLine android:inputType=textImeMultiLine android:inputType=textNoSuggestions android:inputType=textUri android:inputType=textEmailAddress android:inputType=textEmailSubject android:inputType=textShortMessage android:inputType=textLongMessage android:inputType=textPersonName android:inputType=textPostalAddress android:inputType=textPassword android:inputType=textVisiblePassword android:inputType=textWebEditText android:inputType=textFilter android:inputType=textPhonetic android:inp