安卓开发——安卓界面布局笔记_android水平布局和垂直布局

Android布局笔记

　　Android的界面是有布局和组件协同完成的，布局使用不同的组件，组件按照布局的要求依次排列，就组成了用户所看见的界面。

所有的布局方式都可以归类为ViewGroup的5个类别，即ViewGroup的5个直接子类。其它的一些布局都扩展自这5个类。

主要布局：

1.LinearLayout，线性布局，可分为垂直布局（android:orientation="vertical"）和水平布局（android:orientation="horizontal" ），在LinearLayout里面可以放多个控件，但是一行（列）只能放一个控件。这种布局比较常用，也比较简单，就是每个元素占一行，当然也可能声明为横向排放，也就是每个元素占一列。

LinearLayout按照垂直或者水平的顺序依次排列子元素，每一个子元素都位于前一个元素之后。如果是垂直排列，那么将是一个N行单列的结构，每一行只会有一个元素，而不论这个元素的宽度为多少；如果是水平排列，那么将是一个单行N列的结构。如果搭建两行两列的结构，通常的方式是先垂直排列两个元素，每一个元素里再包含一个LinearLayout进行水平排列。

LinearLayout中的子元素属性android:layout_weight生效，它用于描述该子元素在剩余空间中占有的大小比例。加入一行只有一个文本框，那么它的默认值就为0，如果一行中有两个等长的文本框，那么他们的android:layout_weight值可以是同为1。如果一行中有两个不等长的文本框，那么他们的android:layout_weight值分别为1和2，那么第一个文本框将占据剩余空间的三分之二，第二个文本框将占据剩余空间中的三分之一。android:layout_weight遵循数值越小，重要度越高的原则。

2.Relative Layout，相对布局，其子控件是根据所设置的参照控件来进行布局的，设置的参照控件可以是父控件，也可以使其他的子控件。

RelativeLayout按照各子元素之间的位置关系完成布局。在此布局中的子元素里与位置相关的属性将生效。例如android：layout_below,  android:layout_above, android:layout_centerVertical等。注意在指定位置关系时，引用的ID必须在引用之前，先被定义，否则将出现异常。

RelativeLayout是Android五大布局结构中最灵活的一种布局结构，比较适合一些复杂界面的布局。

3.AbsoluteLayout，绝对位置布局，可以直接指定子控件的绝对位置（例如： android:layout_x="60px" android:layout_y="32px" ），这种布局简单直接，但是由于手机的分辨率大小不统一，绝对布局的适应性比较差。

　　在此布局中的子元素的android:layout_x和android:layout_y属性将生效，用于描述该子元素的坐标位置。屏幕左上角为坐标原点（0,0），第一个0代表横坐标，向右移动此值增大，第二个0代表纵坐标，向下移动，此值增大。在此布局中的子元素可以相互重叠。在实际开发中，通常不采用此布局格式，因为它的界面代码过于刚性，以至于有可能不能很好的适配各种终端。

4.FrameLayout，单帧布局，所有控件都放置在屏幕左上角（0,0），可以放多个控件，但是会按控件定义的先后顺序依次覆盖，后一个会直接覆盖在前一个之上显示，如果后放的比之前的大，会把之前的全部盖住（类似于一层层的纸张）。
　　FrameLayout是五大布局中最简单的一个布局，可以说成是层布局方式。在这个布局中，整个界面被当成一块空白备用区域，所有的子元素都不能被指定放置的位置，它们统统放于这块区域的左上角，并且后面的子元素直接覆盖在前面的子元素之上，将前面的子元素部分和全部遮挡。如下，第一个TextView被第二个TextView完全遮挡，第三个TextView遮挡了第二个TextView的部分位置。

5.TableLayout，表格布局，是以行列的形式来管理子控件的，在表格布局中的每一行可以是一个View控件或者是一个TableRow控件。而TableRow控件中还可以添加子控件。

　　适用于N行N列的布局格式。一个TableLayout由许多TableRow组成，一个TableRow就代表TableLayout中的一行。

　　TableRow是LinearLayout的子类，ablelLayout并不需要明确地声明包含多少行、多少列，而是通过TableRow，以及其他组件来控制表格的行数和列数， TableRow也是容器，因此可以向TableRow里面添加其他组件，没添加一个组件该表格就增加一列。如果想TableLayout里面添加组件，那么该组件就直接占用一行。在表格布局中，列的宽度由该列中最宽的单元格决定，整个表格布局的宽度取决于父容器的宽度（默认是占满父容器本身）。

　　TableLayout继承了LinearLayout，因此他完全可以支持LinearLayout所支持的全部XML属性，除此之外TableLayout还支持以下属性：

 　　　　　　XML属性                                       相关用法                                                    说明

　　1. andriod：collapseColumns           setColumnsCollapsed（int ，boolean）       设置需要隐藏的列的序列号，多个用逗号隔开

　　2.android：shrinkColumns              setShrinkAllColumns（boolean）                 设置被收缩的列的序列号，多个用逗号隔开

　　3.android：stretchColimns             setSretchAllColumnds（boolean）               设置允许被拉伸的列的序列号，多个用逗号隔开

6.其他布局(隶属关系请看上图)

1）列表视图（List View）

　　List View是可滚动的列表。以列表的形式展示具体内容，并且能够根据数据的长度自适应显示。

      具体应用请看：用法一  http://www.cnblogs.com/allin/archive/2010/05/11/1732200.html

　　　　　　　　　用法二  http://blog.csdn.net/koupoo/article/details/7018727 

2）网格视图（Grid View）

　　Grid View一个ViewGroup以网格显示它的子视图（view）元素，即二维的、滚动的网格。

　　具体应用查看：http://www.cnblogs.com/linzheng/archive/2011/01/19/1938760.html

3）标签布局（Tab Layout）

　　以标签的方式显示它的子视图元素，就像在Firefox中的一个窗口中显示多个网页一样。为了狂创建一个标签UI（tabbed UI），需要使用到TabHost和TabWidget。TabHost必须是布局的根节点，它包含为了显示标签的TabWidget和显示标签内容的FrameLayout。

　　具体应用查看：http://www.cnblogs.com/devinzhang/archive/2012/01/18/2325887.html

RelativeLayout用到的一些重要的属性： 

    第一类:属性值为true或false 
    android:layout_centerHrizontal  水平居中 
     android:layout_centerVertical   垂直居中 
    android:layout_centerInparent    相对于父元素完全居中 
    android:layout_alignParentBottom 贴紧父元素的下边缘 
    android:layout_alignParentLeft   贴紧父元素的左边缘 
    android:layout_alignParentRight  贴紧父元素的右边缘 
    android:layout_alignParentTop    贴紧父元素的上边缘 
    android:layout_alignWithParentIfMissing  如果对应的兄弟元素找不到的话就以父元素做参照物 

    第二类：属性值必须为id的引用名“@id/id-name” 
    android:layout_below      在某元素的下方 
    android:layout_above      在某元素的的上方 
    android:layout_toLeftOf   在某元素的左边 
    android:layout_toRightOf  在某元素的右边 

    android:layout_alignTop   本元素的上边缘和某元素的的上边缘对齐 
    android:layout_alignLeft  本元素的左边缘和某元素的的左边缘对齐 
    android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐 
    android:layout_alignRight  本元素的右边缘和某元素的的右边缘对齐 

    第三类：属性值为具体的像素值，如30dip，40px 
    android:layout_marginBottom              离某元素底边缘的距离 
    android:layout_marginLeft                   离某元素左边缘的距离 
    android:layout_marginRight                 离某元素右边缘的距离 
    android:layout_marginTop                   离某元素上边缘的距离 

EditText的android:hint 设置EditText为空时输入框内的提示信息。 

android:gravity属性是对该view 内容的限定．比如一个button 上面的text.  你可以设置该text 在view的靠左，靠右等位置．以button为例，android:gravity="right"则button上面的文字靠右 

android:layout_gravity 
android:layout_gravity是用来设置该view相对与起父view 的位置．比如一个button 在linearlayout里，你想把该button放在靠左、靠右等位置就可以通过该属性设置．以button为例，android:layout_gravity="right"则button靠右 

android:layout_alignParentRight 
使当前控件的右端和父控件的右端对齐。这里属性值只能为true或false，默认false。 

android:scaleType是控制图片如何resized/moved来匹对ImageView的size。

ImageView.ScaleType / android:scaleType值的意义区别： 

CENTER /center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示 

CENTER_CROP / centerCrop  按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽) 

CENTER_INSIDE / centerInside  将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽 

FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示 

FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置 

FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置 

FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示 

MATRIX / matrix 用矩阵来绘制，动态缩小放大图片来显示。 

** 要注意一点，Drawable文件夹里面的图片命名是不能大写的。

　1.EditText默认不弹出软件键盘

　　方法一：

　　在 AndroidMainfest.xml中选择哪个activity，设置windowSoftInputMode属性为 adjustUnspecified|stateHidden

　　android:windowSoftInputMode="adjustUnspecified|stateHidden"

　　方法二：

　　让 EditText失去焦点，使用EditText的clearFocus方法

　　edit.clearFocus();

　　方法三：

　　强制隐藏Android输入法窗口

　　例如：EditText edit=(EditText)findViewById(R.id.edit);

　　InputMethodManager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE);

　　imm.hideSoftInputFromWindow(edit.getWindowToken(),0);

　　2.EditText始终不弹出软件键盘

　　例：EditText edit=(EditText)findViewById(R.id.edit);

　　edit.setInputType(InputType.TYPE_NULL);

　　Button 继承自 VIEW , VIEW 有的属性它都能用

注意事项：

　　1 、各布局不要乱用各自的属性。比如把属于 AbsoluteLayout 布局的android:layout_x和android:layout_y用到 LinearLayout 布局或 RelativeLayout 布局，或者把 RelativeLayout 布局的 below ， rightof 等属性应用到其他布局中。这样做虽然不会报错，但这是白浪费感情的工作，根本达不到我们需要的效果。

　　2 、关于android:layout_width="fill_parent" 和 android:layout_height="wrap_content" ，这是对每个布局宽和高的设置。 wrap_content 可表示随着其中控件的不同而改变这个布局的宽度或高度，类似于自动设置宽和高， fill_parent 使布局填充整个屏幕，另外还有一种 match_parent ，它本质上和 fill_parent 一样，并从 API Level8 开始替代 fill_parent 。

　　TextView 的属性 :

　　android:autoLink //设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web /email/phone/map/all)

　　android:autoText //如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输入的时候起作用

　　android:bufferType //指定getText()方式取得的文本类别。选项editable 类似于StringBuilder可追加字符，也就是说getText后可调用append方法设置文本内容。spannable 则可在给定的字符区域使用样式

　　android:capitalize //设置英文字母大写类型。此处无效果，需要弹出输入法才能看得到，参见EditView此属性说明

　　android:cursorVisible //设定光标为显示/隐藏，默认显示

　　android:digits //设置允许输入哪些字符。如“1234567890.+-*/% ()”

　　android:drawableBottom //在text的下方输出一个drawable，如图片。如果指定一个颜色的话会把text的背景设为该颜色，并且同时和background使用时覆盖后者

　　android:drawableLeft //在text的左边输出一个drawable，如图片

　　android:drawablePadding //设置text与drawable(图片)的间隔，与drawableLeft、 drawableRight、drawableTop、drawableBottom一起使用，可设置为负数，单独使用没有效果

　　android:drawableRight //在text的右边输出一个drawable

　　android:drawableTop //在text的正上方输出一个drawable

　　android:editable //设置是否可编辑

　　android:editorExtras //设置文本的额外的输入数据

　　android:ellipsize //设置当文字过长时,该控件该如何显示。有如下值设置：”start”—?省略号显示在开头;”end” ——省略号显示在结尾;”middle”—-省略号显示在中间;”marquee” ——以跑马灯的方式显示(动画横向移动)

　　android:freezesText //设置保存文本的内容以及光标的位置

　　android:gravity //设置文本位置，如设置成“center”，文本将居中显示

　　android:hintText //为空时显示的文字提示信息，可通过textColorHint设置提示信息的颜色。此属性在 EditView中使用，但是这里也可以用

　　android:imeOptions //附加功能，设置右下角IME动作与编辑框相关的动作，如actionDone右下角将显示一个“完成”，而不设置默认是一个回车符号。这个在EditView中再详细说明，此处无用

　　android:imeActionId //设置IME动作ID

　　android:imeActionLabel //设置IME动作标签

　　android:includeFontPadding //设置文本是否包含顶部和底部额外空白，默认为true

　　android:inputMethod //为文本指定输入法，需要完全限定名(完整的包名)。例如：com.google.android.inputmethod.pinyin，但是这里报错找不到

　　android:inputType //设置文本的类型，用于帮助输入法显示合适的键盘类型。在EditView中再详细说明，这里无效果

　　android:linksClickable //设置链接是否点击连接，即使设置了autoLink

　　android:marqueeRepeatLimit //在ellipsize指定marquee的情况下，设置重复滚动的次数，当设置为 marquee_forever时表示无限次

　　android:ems //设置TextView的宽度为N个字符的宽度。这里测试为一个汉字字符宽度

　　android:maxEms //设置TextView的宽度为最长为N个字符的宽度。与ems同时使用时覆盖ems选项

　　android:maxLength //限制显示的文本长度，超出部分不显示

　　android:lines //设置文本的行数，设置两行就显示两行，即使第二行没有数据

　　android:maxLines //设置文本的最大显示行数，与width或者layout_width结合使用，超出部分自动换行，超出行数将不显示

　　android:minLines //设置文本的最小行数，与lines类似

　　android:lineSpacingExtra //设置行间距

　　android:lineSpacingMultiplier //设置行间距的倍数。如”$2

　　android:numeric //如果被设置，该TextView有一个数字输入法。此处无用，设置后唯一效果是TextView有点击效果，此属性在EdtiView将详细说明

　　android:password //以小点”.”显示文本 android:phoneNumber设置为电话号码的输入方式

　　android:privateImeOptions //设置输入法选项，此处无用，在EditText将进一步讨论

　　android:scrollHorizontally //设置文本超出TextView的宽度的情况下，是否出现横拉条

　　android:selectAllOnFocus //如果文本是可选择的，让他获取焦点而不是将光标移动为文本的开始位置或者末尾位置。TextView中设置后无效果

　　android:shadowColor //指定文本阴影的颜色，需要与shadowRadius一起使用

　　android:shadowDx //设置阴影横向坐标开始位置

　　android:shadowDy //设置阴影纵向坐标开始位置

　　android:shadowRadius //设置阴影的半径。设置为0.1就变成字体的颜色了，一般设置为3.0的效果比较好

　　android:singleLine //设置单行显示。如果和layout_width一起使用，当文本不能全部显示时，后面用“…”来表示。如android:text="test_ singleLine " android:singleLine="true" android:layout_width="20dp"将只显示“t…”。如果不设置singleLine或者设置为false，文本将自动换行 android:text设置显示文本. android:textAppearance设置文字外观。如 “?android:attr/textAppearanceLargeInverse”这里引用的是系统自带的一个外观，?表示系统是否有这种外观，否则使用默认的外观。可设置的值如下：textAppearanceButton/textAppearanceInverse /textAppearanceLarge/textAppearanceLargeInverse/textAppearanceMedium/textAppearanceMediumInverse/textAppearanceSmall/textAppearanceSmallInverse

　　android:textColor //设置文本颜色

　　android:textColorHighlight //被选中文字的底色，默认为蓝色

　　android:textColorHint //设置提示信息文字的颜色，默认为灰色。与hint一起使用。

　　android:textColorLink //文字链接的颜色.

　　android:textScaleX //设置文字之间间隔，默认为$2。

　　android:textSize //设置文字大小，推荐度量单位”sp”，如”15sp”

　　android:textStyle //设置字形[bold(粗体) 0, italic(斜体) 1, bolditalic(又粗又斜) 2] 可以设置一个或多个，用“|”隔开

　　android:typeface //设置文本字体，必须是以下常量值之一：normal 0, sans 1, serif 2, monospace(等宽字体) 3]

　　android:height //设置文本区域的高度，支持度量单位：px(像素)/dp/sp/in/mm(毫米)

　　android:maxHeight //设置文本区域的最大高度

　　android:minHeight //设置文本区域的最小高度

　　android:width //设置文本区域的宽度，支持度量单位：px(像素)/dp/sp/in/mm(毫米)，与layout_width 的区别看这里

　　android:maxWidth //设置文本区域的最大宽度

　　android:minWidth //设置文本区域的最小宽度 android布局属性详解 RelativeLayout用到的一些重要的属性：第一类:属性值为true或false

　　android:layout_centerHrizontal //水平居中

　　android:layout_centerVertical //垂直居中

　　android:layout_centerInparent //相对于父元素完全居中

　　android:layout_alignParentBottom //贴紧父元素的下边缘

　　android:layout_alignParentLeft //贴紧父元素的左边缘

　　android:layout_alignParentRight //贴紧父元素的右边缘

　　android:layout_alignParentTop //贴紧父元素的上边缘

　　android:layout_alignWithParentIfMissing //如果对应的兄弟元素找不到的话就以父元素做参照物 第二类：属性值必须为id的引用名“@id/id-name”

　　android:layout_below //在某元素的下方

　　android:layout_above //在某元素的的上方

　　android:layout_toLeftOf //在某元素的左边

　　android:layout_toRightOf //在某元素的右边

　　android:layout_alignTop //本元素的上边缘和某元素的的上边缘对齐

　　android:layout_alignLeft //本元素的左边缘和某元素的的左边缘对齐

　　android:layout_alignBottom //本元素的下边缘和某元素的的下边缘对齐

　　android:layout_alignRight //本元素的右边缘和某元素的的右边缘对齐 第三类：属性值为具体的像素值，如30dip，40px

　　android:layout_marginBottom //离某元素底边缘的距离

　　android:layout_marginLeft //离某元素左边缘的距离

　　android:layout_marginRight //离某元素右边缘的距离

　　android:layout_marginTop //离某元素上边缘的距离 EditText的android:hint 设置EditText为空时输入框内的提示信息

　　android:gravity //属性是对该view 内容的限定