使用線性布局（LinearLayout）來布局屏幕

第1章　UI布局開發(fā)實(shí)例集錦

外觀向來是工業(yè)產(chǎn)品的設(shè)計(jì)核心，是激發(fā)用戶購買欲望的主要因素之一。本章講的UI布局指的是手機(jī)界面布局，一款手機(jī)的屏幕界面效果是吸引用戶購買的重要元素之一，因?yàn)橄M(fèi)者更傾向于選擇界面美觀的產(chǎn)品。在設(shè)計(jì)優(yōu)美的界面之前，一定要先對(duì)屏幕進(jìn)行布局。本章將使用具體實(shí)例的實(shí)現(xiàn)過程介紹在Android系統(tǒng)中規(guī)劃UI界面的方法。

實(shí)例001：使用線性布局（LinearLayout）來布局屏幕

源碼路徑：daima\001

知識(shí)點(diǎn)介紹

在Android布局中，需要了解視圖容器組件-ViewGroup的概念，使用視圖容器組件ViewGroup的語法格式如下：
 

ndroid.view.Viewgroup 

ViewGroup的功能是包含并管理下級(jí)系列的Views和其他ViewGroup，是一個(gè)布局的基類。類ViewGroup好像一個(gè)View容器，負(fù)責(zé)對(duì)添加進(jìn)來的View進(jìn)行布局處理。一個(gè)ViewGroup可以添加到另一個(gè)ViewGroup中去。這是因?yàn)閂iewGroup也繼承于View.Viewgroup類，是其他容器類的基類。它們之間的關(guān)系如圖1-1所示。
 

圖1-1  各個(gè)類的繼承關(guān)系

我們知道，一個(gè)Android程序是由一個(gè)或多個(gè)Activity組成的，每個(gè)Activity是一個(gè)UI容器，Activity本身不在用戶界面中顯示出來。在Android中，類View起了一個(gè)非常重要的作用，View是一個(gè)最基本的UI類，幾乎所有的UI組件都是繼承于View而實(shí)現(xiàn)的。

使用View的語法格式如下所示。
 

android.view.View 

線性布局即LinearLayout布局，是Android屏幕中常用的布局方式之一，功能是垂直地或水平地顯示ViewGroup的子視圖（View）元素。

具體實(shí)現(xiàn)

使用Eclipse創(chuàng)建一個(gè)名為"001"的Android工程。

編寫布局文件"res/layour/main.xml"，代碼如下所示。

<?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:id="@+id/button1"   
            android:layout_width="wrap_content"   
            android:layout_height="wrap_content"              
            android:text="第一個(gè)按鈕"   
            android:layout_weight="1"   
            />   
    <Button android:id="@+id/button2"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="第二個(gè)按鈕"   
    android:layout_weight="1"   
    />   
    <Button android:id="@+id/button3"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="第三個(gè)按鈕"   
    android:layout_weight="1"   
    />   
    <Button android:id="@+id/button4"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="第四個(gè)按鈕"   
    android:layout_weight="1"   
    />   
    <Button android:id="@+id/button5"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="第五個(gè)按鈕"   
    android:layout_weight="1"   
    />   
</LinearLayout> 

在上述代碼中，在根LinearLayout視圖組（ViewGroup）中包含了5個(gè)按鈕（Button），它的子元素是以線性方式水平布局的。上述代碼的運(yùn)行效果如圖1-2所示。
 

服務(wù)器租用/服務(wù)器托管中國五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]