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

第1章　UI布局開發實例集錦

外觀向來是工業產品的設計核心，是激發用戶購買欲望的主要因素之一。本章講的UI布局指的是手機界面布局，一款手機的屏幕界面效果是吸引用戶購買的重要元素之一，因為消費者更傾向于選擇界面美觀的產品。在設計優美的界面之前，一定要先對屏幕進行布局。本章將使用具體實例的實現過程介紹在Android系統中規劃UI界面的方法。

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

源碼路徑：daima\001

知識點介紹

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

ndroid.view.Viewgroup 

ViewGroup的功能是包含并管理下級系列的Views和其他ViewGroup，是一個布局的基類。類ViewGroup好像一個View容器，負責對添加進來的View進行布局處理。一個ViewGroup可以添加到另一個ViewGroup中去。這是因為ViewGroup也繼承于View.Viewgroup類，是其他容器類的基類。它們之間的關系如圖1-1所示。
 

圖1-1  各個類的繼承關系

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

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

android.view.View 

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

具體實現

使用Eclipse創建一個名為"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="第一個按鈕"   
            android:layout_weight="1"   
            />   
    <Button android:id="@+id/button2"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="第二個按鈕"   
    android:layout_weight="1"   
    />   
    <Button android:id="@+id/button3"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="第三個按鈕"   
    android:layout_weight="1"   
    />   
    <Button android:id="@+id/button4"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="第四個按鈕"   
    android:layout_weight="1"   
    />   
    <Button android:id="@+id/button5"   
    android:layout_width="wrap_content"   
    android:layout_height="wrap_content"   
    android:text="第五個按鈕"   
    android:layout_weight="1"   
    />   
</LinearLayout> 

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

服務器租用/服務器托管中國五強！虛擬主機域名注冊頂級提供商！15年品質保障！--億恩科技[ENKJ.COM]