Android UI设计——布局方法

五大布局：

Android中的UI界面元素是由View和ViewGroup对象建立的，ViewGroup继承于View

LinearLayout–线性布局

RelativeLayout–相对布局

FrameLayout–帧布局

TableLayout–表格布局

AbsoluteLayout–绝对布局（Android不适用）（以左上角为原点，根据X，Y轴坐标确定位置）

GridLayout–网格布局（不适用）

LinearLayout–线性布局

只能单行或单列排列

Android：orientation=”vertical”指定为垂直

Android：orientation=”horizontal”指定为水平

默认是水平的

[code]Android：Layout_marginxxxx="xxdp"距离xxxx离开xxdp
Android：Layout_margin="xxdp"距离四周各离开xxdp

px:像素；

dp:一英寸除以160；手机不同分辨率不同dp不同

sp: 文字的大小，跟dp一样，只用于文本的大小

LinearLayout–线性布局

默认控件是在左上角

让控件在右边android:gravity=”right”

让控件在左下角 android:gravity=”bottom”

让控件在右下角android:gravity=”bottom|right”

让控件在上下左右正中间 android:gravity=”center”

让控件在左右的中间android:gravity=”center_horizontal”

让控件在上下的中间 android:gravity=”center_vertical”

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 离某元素上边缘的距离

alignParentLeft /Right/ Bottom/ Top 相对父控件的上下左右

centerInParent / centerVertical /centerHorizital 相对父控件的中心

toLeftOf /toRightOf /above/ below 相对后边跟的id的那个控件上下左右

alignLeft /alignRight /alignBottom /alignTop 相对后边跟的id的那个控件上下左右边对齐

Layout_alignBaseline 基准线对齐

FrameLayout–帧布局

框架布局是最简单的布局形式。

所有添加到这个布局中的视图都以层叠的方式显示。

第一个添加的控件被放在最底层，最后一个添加到框架布局中的视图显示在最顶层，

上一层的控件会覆盖下一层的控件。

TableLayout–表格布局