快捷導(dǎo)航

Android中的LinearLayout布局

更新時間：2017年01月08日 09:10:18 作者：bigboss位

在一般情況下,當有很多控件需要在一個界面列出來時,我們就可以使用線性布局(LinearLayout)了,線性布局是按照垂直方向(vertical)或水平方向(horizontal)的順序依次排序子元素,每一個子元素都位于前一個元素之后,下面我們就簡單的了解一下吧

LinearLayout : 線性布局

在一般情況下,當有很多控件需要在一個界面列出來時,我們就可以使用線性布局(LinearLayout)了, 線性布局是按照垂直方向(vertical)或水平方向(horizontal)的順序依次排序子元素,每一個子元素都位于前一個元素之后,下面我們就簡單的了解一下吧

在XML布局文件中會遇到如下一些單位

px:是屏幕的像素點 dp:一個基于density的抽象單位,屏幕的物理尺寸 sp:同dp相似,但會根據(jù)用戶的字體大小進行縮放

XML代碼如下：改變一下android:orientation="vertical" 垂直方向(vertical)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 tools:context="com.example.administrator.adapter.MainActivity">
 <TextView
  android:text="第一個TextView"
  android:background="#ef0808"
  android:gravity="center"
  android:textSize="18sp"
  android:layout_width="match_parent"
  android:layout_height="100dp" />
 <TextView
  android:text="第二個TextView"
  android:gravity="center"
  android:background="#31ef0b"
  android:textSize="18sp"
  android:layout_width="match_parent"
  android:layout_height="100dp" />
 <TextView
  android:text="第三個TextView"
  android:gravity="center"
  android:textSize="18sp"
  android:background="#ec07ca"
  android:layout_width="match_parent"
  android:layout_height="100dp" />
 <TextView
  android:text="第四個TextView"
  android:gravity="center"
  android:textSize="18sp"
  android:background="#f5d105"
  android:layout_width="match_parent"
  android:layout_height="100dp" />
</LinearLayout>

運行結(jié)果：每一個TextView都從上往下依次排列

XML代碼如下：改變一下android:orientation="horizontal" 水平方向(horizontal)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="horizontal"
 tools:context="com.example.administrator.adapter.MainActivity">
 <TextView
  android:text="第一個TextView"
  android:background="#ef0808"
  android:gravity="center"
  android:textSize="18sp"
  android:layout_width="100dp"
  android:layout_height="100dp" />
 <TextView
  android:text="第二個TextView"
  android:gravity="center"
  android:background="#31ef0b"
  android:textSize="18sp"
  android:layout_width="100dp"
  android:layout_height="100dp" />
 <TextView
  android:text="第三個TextView"
  android:gravity="center"
  android:textSize="18sp"
  android:background="#ec07ca"
  android:layout_width="100dp"
  android:layout_height="100dp" />
 <TextView
  android:text="第四個TextView"
  android:gravity="center"
  android:textSize="18sp"
  android:background="#f5d105"
  android:layout_width="100dp"
  android:layout_height="100dp" />
</LinearLayout>

運行結(jié)果：每一個TextView都從左向右依次水平排列