android佈局

雨鬆MOMO原創文章如轉載，請註明：轉載至我的獨立域名博客雨鬆MOMO程序研究院，原文地址:http://www.xuanyusong.com/archives/133

1.線性佈局(LinearLayout)

線性佈局的形式可以分爲兩種，第一種橫向線性佈局第二種縱向線性佈局，總而言之都是以線性的形式一個個排列出來的，純線性佈局的缺點是很不方便修改控件的顯示位置，所以開發中經常會以線性佈局與相對佈局嵌套的形式設置佈局。

如圖所示使用了線性佈局的水平方向與垂直方向，從圖中可以清晰的看出來所有控件都是按照線性的排列方式顯示出來的，這就是線性佈局的特點。

設置線性佈局爲水平方向
android:orientation="horizontal"
設置線性佈局爲垂直方向
android:orientation="vertical"
設置正比例分配控件範圍

android:layout_weight="1"
設置控件顯示位置，這裏爲水平居中
android:gravity="center_horizontal"

在xml中我使用了LinearLayout 嵌套的方式配置了2個線性佈局一個水平顯示一個垂直顯示。

[html] view plain copy print ?

<?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"
>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:gravity="center_horizontal"
android:layout_weight="2"
>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/jay"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="雨鬆MOMO"
android:background="#FF0000"
android:textColor="#000000"
android:textSize="18dip"
/>
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="水平方向"
/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:layout_weight="1"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="雨鬆MOMO"
android:background="#FF0000"
android:textColor="#000000"
android:textSize="18dip"
/>
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="垂直方向"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="雨鬆MOMO"
/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/image"
/>
</LinearLayout>
</LinearLayout>

<?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"
	>
<LinearLayout 
	android:layout_width="fill_parent" 
	android:layout_height="fill_parent"
	android:orientation="horizontal"
	android:gravity="center_horizontal"
	android:layout_weight="2"
	>
	<ImageView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/jay"
	/>
	
	<TextView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="雨鬆MOMO"
		android:background="#FF0000"
		android:textColor="#000000"  
        android:textSize="18dip"  
	/>
	<EditText
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="水平方向"
	/>
</LinearLayout>

<LinearLayout 
	android:layout_width="fill_parent" 
	android:layout_height="fill_parent"
	android:orientation="vertical"
	android:layout_weight="1"
	>
	
	<TextView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="雨鬆MOMO"
		android:background="#FF0000"
		android:textColor="#000000"  
        android:textSize="18dip"  
	/>
	<EditText
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="垂直方向"
	/>
	<Button
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="雨鬆MOMO"
	/>
	<ImageView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/image"
	/>
</LinearLayout>
</LinearLayout>

2.相對佈局(RelativeLayout)

相對佈局是android佈局中最爲強大的，首先它可以設置的屬性是最多了，其次它可以做的事情也是最多的。android手機屏幕的分辨率五花八門所以爲了考慮屏幕自適應的情況所以在開發中建議大家都去使用相對佈局它的座標取值範圍都是相對的所以使用它來做自適應屏幕是正確的。

設置距父元素右對齊
android:layout_alignParentRight="true"
設置該控件在id爲re_edit_0控件的下方
android:layout_below="@id/re_edit_0"
設置該控件在id爲re_image_0控件的左邊
android:layout_toLeftOf="@id/re_iamge_0"
設置當前控件與id爲name控件的上方對齊
android:layout_alignTop="@id/name"
設置偏移的像素值
android:layout_marginRight="30dip"

[html] view plain copy print ?

<?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"
>
<EditText
android:id="@+id/re_edit_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="雨鬆MOMO"
android:layout_alignParentRight="true"
/>
<ImageView
android:id="@+id/re_iamge_0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/jay"
android:layout_below="@id/re_edit_0"
android:layout_alignParentRight="true"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#FF0000"
android:text="努力學習"
android:textColor="#000000"
android:textSize="18dip"
android:layout_toLeftOf="@id/re_iamge_0"
/>
<EditText
android:id="@+id/re_edit_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="雨鬆MOMO"
android:layout_alignParentBottom="true"
/>
<ImageView
android:id="@+id/re_iamge_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/image"
android:layout_above="@id/re_edit_1"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#FF0000"
android:text="努力工作"
android:textColor="#000000"
android:textSize="18dip"
android:layout_toRightOf="@id/re_iamge_1"
android:layout_above="@id/re_edit_1"
/>
</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"
	>
	<EditText
		android:id="@+id/re_edit_0"
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="雨鬆MOMO"
		android:layout_alignParentRight="true"
	/>
	<ImageView
		android:id="@+id/re_iamge_0"
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/jay"
		android:layout_below="@id/re_edit_0"
		android:layout_alignParentRight="true"
	/>
	<TextView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:background="#FF0000"
		android:text="努力學習"
		android:textColor="#000000"  
        android:textSize="18dip"  
		android:layout_toLeftOf="@id/re_iamge_0"
	/>
	<EditText
		android:id="@+id/re_edit_1"
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="雨鬆MOMO"
		android:layout_alignParentBottom="true"
	/>
	<ImageView
		android:id="@+id/re_iamge_1"
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/image"
		android:layout_above="@id/re_edit_1"
	/>
	<TextView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:background="#FF0000"
		android:text="努力工作"
		android:textColor="#000000"  
        android:textSize="18dip"  
		android:layout_toRightOf="@id/re_iamge_1"
		android:layout_above="@id/re_edit_1"
	/>
</RelativeLayout>

3.幀佈局(FrameLayout)

原理是在控件中繪製任何一個控件都可以被後繪製的控件覆蓋，最後繪製的控件會蓋住之前的控件。如圖所示界面中先繪製的ImageView 然後在繪製的TextView和EditView 所以後者就覆蓋在了前者上面。

[html] view plain copy print ?

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/g"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="雨鬆MOMO"
android:background="#FF0000"
android:textColor="#000000"
android:textSize="18dip"
/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/image"
android:layout_gravity="bottom"
/>
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="快樂生活每一天喔"
android:layout_gravity="bottom"
/>
</FrameLayout>

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<ImageView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/g"
	/>
	<TextView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="雨鬆MOMO"
		android:background="#FF0000"
		android:textColor="#000000"  
        android:textSize="18dip"  
	/>
	<ImageView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/image"
		android:layout_gravity="bottom"
	/>
	<EditText
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="快樂生活每一天喔"
        android:layout_gravity="bottom"
	/>
</FrameLayout>

4.絕對佈局(AbsoluteLayout)

使用絕對佈局可以設置任意控件的在屏幕中 X Y 座標點，和幀佈局一樣後繪製的控件會覆蓋住之前繪製的控件，筆者不建議大家使用絕對佈局還是那句話因爲android的手機分辨率五花八門所以使用絕對佈局的話在其它分辨率的手機上就無法正常的顯示了。

設置控件的顯示座標點

[html] view plain copy print ?

android:layout_x="50dip"
android:layout_y="30dip"

      	android:layout_x="50dip"
        android:layout_y="30dip"

[html] view plain copy print ?

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/f"
android:layout_x="100dip"
android:layout_y="50dip"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="當前座標點 x = 100dip y = 50 dip"
android:background="#FFFFFF"
android:textColor="#FF0000"
android:textSize="18dip"
android:layout_x="50dip"
android:layout_y="30dip"
/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/h"
android:layout_x="50dip"
android:layout_y="300dip"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="當前座標點 x = 50dip y = 300 dip"
android:background="#FFFFFF"
android:textColor="#FF0000"
android:textSize="18dip"
android:layout_x="30dip"
android:layout_y="280dip"
/>
</AbsoluteLayout>

<?xml version="1.0" encoding="utf-8"?>

<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" 
	android:layout_height="fill_parent">
	<ImageView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/f"
		android:layout_x="100dip"
        android:layout_y="50dip"
	/>
	<TextView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="當前座標點 x = 100dip y = 50 dip"
		android:background="#FFFFFF"
		android:textColor="#FF0000"  
        android:textSize="18dip"  
      	android:layout_x="50dip"
        android:layout_y="30dip"
	/>
	
	<ImageView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/h"
		android:layout_x="50dip"
        android:layout_y="300dip"
	/>
	<TextView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:text="當前座標點 x = 50dip y = 300 dip"
		android:background="#FFFFFF"
		android:textColor="#FF0000"  
        android:textSize="18dip"  
     	android:layout_x="30dip"
        android:layout_y="280dip"
	/>
</AbsoluteLayout>

5.表格佈局(TableLayout)

在表格佈局中可以設置TableRow 可以設置表格中每一行顯示的內容以及位置，可以設置顯示的縮進，對齊的方式。

[html] view plain copy print ?

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/g"
android:layout_gravity="center"
/>
<TableRow
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:padding="10dip">
<TextView
android:text="姓名"
android:gravity="left"
/>
<TextView
android:text="電話"
android:gravity="right"/>
</TableRow>
<View
android:layout_height="2dip"
android:background="#FFFFFF" />
<TableRow
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:padding="10dip">
<TextView
android:text="雨鬆"
android:gravity="left"
/>
<TextView
android:text="15810463139"
android:gravity="right"/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:padding="10dip">
<TextView
android:text="小可愛"
android:gravity="left"
/>
<TextView
android:text="15810463139"
android:gravity="right"/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:padding="10dip">
<TextView
android:text="好夥伴"
android:gravity="left"
/>
<TextView
android:text="15810463139"
android:gravity="right"/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:padding="10dip"
>
<TextView
android:text="姓名"
android:gravity="left"
/>
<TextView
android:text="性別"
android:gravity="right"/>
</TableRow>
<View
android:layout_height="2dip"
android:background="#FFFFFF" />
<TableRow
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:padding="10dip"
>
<TextView
android:text="雨鬆MOMO"
android:gravity="left"
/>
<TextView
android:text="男"
android:gravity="right"/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:padding="10dip">
<TextView
android:text="小可愛"
android:gravity="left"
/>
<TextView
android:text="女"
android:gravity="right"/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:padding="10dip">
<TextView
android:text="好夥伴"
android:gravity="left"
/>
<TextView
android:text="男"
android:gravity="right"/>
</TableRow>
</TableLayout>

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
	<ImageView
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:src="@drawable/g"
		android:layout_gravity="center"
	/>
    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dip">
        <TextView
            android:text="姓名" 
            android:gravity="left"
            />
        <TextView
            android:text="電話"
            android:gravity="right"/>
    </TableRow>
   
    <View
        android:layout_height="2dip"
        android:background="#FFFFFF" />
   
    <TableRow
    	android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dip">
        <TextView
            android:text="雨鬆" 
            android:gravity="left"
            />
        <TextView
            android:text="15810463139"
            android:gravity="right"/>
    </TableRow>
    
    <TableRow
    	android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dip">
        <TextView
            android:text="小可愛" 
            android:gravity="left"
            />
        <TextView
            android:text="15810463139"
            android:gravity="right"/>
    </TableRow>

    <TableRow
    	android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dip">
        <TextView
            android:text="好夥伴" 
            android:gravity="left"
            />
        <TextView
            android:text="15810463139"
            android:gravity="right"/>
    </TableRow>

    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dip"
        >
        <TextView
            android:text="姓名" 
            android:gravity="left"
            />
        <TextView
            android:text="性別"
            android:gravity="right"/>
    </TableRow>
   
    <View
        android:layout_height="2dip"
        android:background="#FFFFFF" />
   
    <TableRow
    	android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dip"
        >
        <TextView
            android:text="雨鬆MOMO" 
            android:gravity="left"
            />
        <TextView
            android:text="男"
            android:gravity="right"/>
    </TableRow>
    
    <TableRow
    	android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dip">
        <TextView
            android:text="小可愛" 
            android:gravity="left"
            />
        <TextView
            android:text="女"
            android:gravity="right"/>
    </TableRow>

    <TableRow
    	android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:padding="10dip">
        <TextView
            android:text="好夥伴" 
            android:gravity="left"
            />
        <TextView
            android:text="男"
            android:gravity="right"/>
    </TableRow>

</TableLayout>

Android五大布局的基本使用方法已經介紹完，最後筆者在這裏強調一下在開發與學習中建議大家使用相對佈局，首先它的方法屬性是最強大的其次它基本可以實現其它4大布局的效果，當然這裏說的不是全部有時候還是須要使用其他佈局，所以筆者建議大家開發中以實際情況定奪，以上五種佈局可以使用佈局嵌套的方式可以做出更好看的更美觀的佈局。

Spring Cloud 部署時如何使用 Kubernetes 作爲註冊中心和配置中心

jsp中路徑問題

java FileUtil文件操作集錦

計算機信息的表示(源碼、補碼、浮點數、圖形、聲音）

JSTL詳解

photoshop 100例

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結