首页 > 代码库 > Android 之布局(一)

Android 之布局(一)

Android的布局类型:

主要有:LinearLayout(线性布局)、RelativeLayout(相对布局)、TableLayout(表格布局)、AbsoluteLayout(绝对布局)、FrameLayout(单帧布局)。

1、LinearLayout(线性布局):是5种布局最常用的一种,这种布局在显示组件的时候会默认保持组件之间的间隔以及组件之间的互相对齐。

(1)显示组件两种方式:垂直(vertical)和水平(horizontal),是通过orientation来设定的。

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical"     //垂直排列(水平为horizontal)
> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button1" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button2" /> <Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Button3" /></LinearLayout>

(2)可嵌套使用线性布局。

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="horizontal" >    <Button         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Button1"        />   	<LinearLayout    	    android:orientation="vertical"   	    android:layout_width="fill_parent"   	    android:layout_height="fill_parent"   	    >   	    <Button         	android:layout_width="wrap_content"        	android:layout_height="wrap_content"        	android:text="Button2"        	/>    	    <Button         	android:layout_width="wrap_content"        	android:layout_height="wrap_content"        	android:text="@string/button3"        	/>   	       	</LinearLayout></LinearLayout>

总结:线性布局里头一些常用的属性如下

1)android:id - 为控件指定相应的ID(例如:android:id="@+id/txt" )

2)android:text - 指定控件当中显示的文字,注意,尽量使用string.xml(例如android:text = "@string/hello_world")

3)android:gravity - 指定控件的基本位置,比如说居中,居右等位置 (例如android:gravity="center_vertical" 

   android:layout_gravity-是相对与它的父元素说的,说明元素显示在父元素的什么位置。

每个组件默认其值为左上角对齐,其属性可以调整组件对齐方式比如向左、向右或者居中对齐等。

可选的值有:top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical。

而且这些属性是可以多选的,用“|”分开。默认这个的值是:Gravity.LEFT。

当 android:orientation="vertical"  时, 只有水平方向的设置才起作用,垂直方向的设置不起作用。即:left,right,center_horizontal 是生效的。

当 android:orientation="horizontal" 时, 只有垂直方向的设置才起作用,水平方向的设置不起作用。即:top,bottom,center_vertical 是生效的。

4)android:textSize - 指定控件当中字体的大小  (例如android:textSize="15pt" 

5)android:background - 指定控件所用的背景色,RGB命名法(android:background="#aa0000"  

6)android:layout_width - 指定控件的宽度(例如android:layout_width="fill_parent"  )

   一般是"fill_parent","wrap_content","match_parent",也可以设置数值。  

7) android:layout_height - 指定控件的高度(例如android:layout_height="wrap_content"  )

   一般是"fill_parent","wrap_content","match_parent",也可以设置数值。 

8)android:layout_weight - 指定控件的占用比例(例如android:layout_weight="2"  

默认为零,其属性表示当前还有多大视图就占据多大视图;如果其值高于零,则表示将父视图中的可用的空间进行分割,分割的大小视当前屏幕整体布局的Layout_weight值与每个组件Layout_weight值占用比例来定。

9)android:padding - 指定控件的内边距,也就是说控件当中的内容   (例如:android:paddingLeft="10dip"  

共有paddingTop、paddingBottom、paddingLeft、paddingRight、padding五种。

10)android:sigleLine - 如果设置为真的话,则将控件的内容显示在一行当中(例如android:singleLine="true" 

11)android:layout_margin,外边距,其上下左右属性为:layout_marginTop,layout_marginBottom,layout_marginLeft,layout_marginRight

注意:线性布局中

[1]带"layout"的属性是指整个控件与父控件之间的关系,如 layout_gravity 在父控件中的对齐方式, layout_margin 是级别相同的控件之间的间隙等等;

[2]不带"layout" 的属性是指控件中文本的格式,如gravity是指文本的对齐方式等等,而其中文本的格式又受制约于它的控件在父控件中的属性.

2、RelativeLayout(相对布局)

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    >    <Button         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Button1"        android:id="@+id/btn1"        />    <Button         android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="Button2"        android:id="@+id/btn2"        android:layout_below="@id/btn1"        />    <Button         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Button3"        android:id="@+id/btn3"        android:layout_below="@id/btn2"        android:layout_alignRight="@id/btn2"        /> </RelativeLayout>

总结:相对布局常用属性

(1)组件之间的位置关系:

[1]android:layout_above :将该控件的底部至于给定ID的控件之上;

[2]android:layout_below :将该控件的顶部至于给定ID的控件之下;

[3]android:layout_toLeftOf :将该控件的右边缘和给定ID的控件的左边缘对齐;

[4]android:layout_toRightOf :将该控件的左边缘和给定ID的控件的右边缘对齐;

(2)组件对齐方式:

[1]android:layout_alignBaseline:该控件的baseline和给定ID的控件的baseline对齐;

[2]android:layout_alignBottom:将该控件的底部边缘与给定ID控件的底部边缘对齐;

[3]android:layout_alignLeft:将该控件的左边缘与给定ID控件的左边缘对齐;

[4]android:layout_alignRight:将该控件的右边缘与给定ID控件的右边缘对齐;

[5]android:layout_alignTop:将给定控件的顶部边缘与给定ID控件的顶部对齐;

(3)当前组件与父组件的对齐方式:

[1]android:alignParentBottom:true,则将该控件的底部和父控件的底部对齐;

[2]android:layout_alignParentLeft:true,则将该控件的左边与父控件的左边对齐;

[3]android:layout_alignParentRight:true,则将该控件的右边与父控件的右边对齐;

[4]android:layout_alignParentTop:true,则将空间的顶部与父控件的顶部对齐;

(4)组件放置的位置:

[1]android:layout_centerHorizontal:true,该控件将被至于水平方向的中央;

[2]android:layout_centerInParent:true,该控件将被至于父控件水平方向和垂直方向的中央;

[3]android:layout_centerVertical:true,该控件将被至于垂直方向的中央;

 

Android 之布局(一)