作過Android 應用開發(fā)的朋友都知道，Android的UI界面都是由View和ViewGroup及其派生類組合而成的。其中，View是所有UI組件的基類，而 ViewGroup是容納這些組件的容器，其本身也是從View派生出來的。AndroidUI界面的一般結構可參見下面的示意圖：
可見，作為容器的ViewGroup可以包含作為葉子節(jié)點的View，也可以包含作為更低層次的子ViewGroup，而子ViewGroup又可 以包含下一層的葉子節(jié)點的View和ViewGroup。事實上，這種靈活的View層次結構可以形成非常復雜的UI布局，開發(fā)者可據此設計、開發(fā)非常精 致的UI界面。
一般來說，開發(fā)Android應用程序的UI界面都不會直接實用View和ViewGroup，而是使用這兩大基類的派生類。
View派生出的直接子類有：AnalogClock,ImageView,KeyboardView, ProgressBar,SurfaceView, TextView,ViewGroup,ViewStub
View派生出的間接子類有：AbsListView,AbsSeekBar, AbsSpinner, AbsoluteLayout, AdapterView<T extends Adapter>,AdapterViewAnimator, AdapterViewFlipper, AppWidgetHostView, AutoCompleteTextView,Button,CalendarView, CheckBox, CheckedTextView, Chronometer, CompoundButton,
ViewGroup派生出的直接子類有：AbsoluteLayout,AdapterView<T extends Adapter>,FragmentBreadCrumbs,FrameLayout, LinearLayout,RelativeLayout,SlidingDrawer
ViewGroup派生出的間接子類有：AbsListView,AbsSpinner, AdapterViewAnimator, AdapterViewFlipper, AppWidgetHostView, CalendarView, DatePicker, DialerFilter, ExpandableListView, Gallery, GestureOverlayView,GridView,HorizontalScrollView, ImageSwitcher,ListView,
上面View、ViewGroup的直接子類和間接別子類中標記為紅色的類是我們再應用開發(fā)中接觸和用得比較頻繁的類，需要初學者重點熟悉和掌握， 其詳細的API及用法可參見SDK的說明。這里特別指出，ImageView是布局具有圖片效果的UI常用的類，SurfaceView是用來進行游戲開 發(fā)的與一般View相比較為特殊的非常重要的類（后續(xù)會對原理作深入分析），而AbsoluteLayout、 FrameLayout,LinearLayout, RelativeLayout這幾個ViewGroup的直接子類是Android UI布局中最基本的布局元素。
值得一提的是，上述的所有基類、派生類都是Android framework層集成的標準系統(tǒng)類，開發(fā)者在應用開發(fā)中可直接引用SDK中這些系統(tǒng)類及其API。但事實上，在UI開發(fā)的很多場景下，直接使用這些系 統(tǒng)類并不能滿足應用開發(fā)的需要。比如說，我們想用ImageView在默認情況下加載一幅圖片，但是希望在點擊該View時View變換出各種圖像處理效 果，這個時候直接使用ImageView是不行的，此時我們可以重載ImageView，在新派生出的子控件中重載OnDraw等方法來實現我們的定制效 果。這種派生出系統(tǒng)類的子類方法我們通常稱之為自定義控件。自定義控件可像標準View控件那樣在XML及我們的Java文件中進行布局和實例化，但在布 局時必須指出其完整的包名和類名。事實上，自定義控件的使用是我們進行Android 開發(fā)的必不可少的基本用法，是必須掌握的基本技巧。
下面我們來看一個典型的例子，我們待機Launcher 的XML布局，這個例子能夠很好的說明上面的一些概念。
<?xml version="1.0" encoding="utf-8"?><!-- Copyright (C) 2007 The Android Open Source Project Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.--> <com.android.launcher2.DragLayer xmlns:android="http://schemas.android.com/apk/res/android" xmlns:launcher="http://schemas.android.com/apk/res/com.android.launcher" android:id="@+id/drag_layer" android:layout_width="match_parent" android:layout_height="match_parent"> <include layout="@layout/all_apps" /> <!-- The workspace contains 3 screens of cells --> <com.android.launcher2.Workspace android:id="@+id/workspace" android:layout_width="match_parent" android:layout_height="match_parent" launcher:defaultScreen="2"> <include android:id="@+id/cell1" layout="@layout/workspace_screen" /> <include android:id="@+id/cell2" layout="@layout/workspace_screen" /> <include android:id="@+id/cell3" layout="@layout/workspace_screen" /> <include android:id="@+id/cell4" layout="@layout/workspace_screen" /> <include android:id="@+id/cell5" layout="@layout/workspace_screen" /> </com.android.launcher2.Workspace> <ImageView android:id="@+id/previous_screen" android:layout_width="93dip" android:layout_height="@dimen/button_bar_height" android:layout_gravity="bottom|left" android:layout_marginLeft="6dip" android:scaleType="center" android:src="@drawable/home_arrows_left" android:onClick="previousScreen" android:focusable="true" android:clickable="true" /> <ImageView android:id="@+id/next_screen" android:layout_width="93dip" android:layout_height="@dimen/button_bar_height" android:layout_gravity="bottom|right" android:layout_marginRight="6dip" android:scaleType="center" android:src="@drawable/home_arrows_right" android:onClick="nextScreen" android:focusable="true" android:clickable="true" /> <com.android.launcher2.DeleteZone android:id="@+id/delete_zone" android:layout_width="@dimen/delete_zone_size" android:layout_height="@dimen/delete_zone_size" android:paddingTop="@dimen/delete_zone_padding" android:layout_gravity="bottom|center_horizontal" android:scaleType="center" android:src="@drawable/delete_zone_selector" android:visibility="invisible" launcher:direction="horizontal" /> <RelativeLayout android:id="@+id/all_apps_button_cluster" android:layout_width="fill_parent" android:layout_height="@dimen/button_bar_height" android:layout_gravity="bottom|center_horizontal" android:paddingTop="2dip" > <com.android.launcher2.HandleView style="@style/HotseatButton" android:id="@+id/all_apps_button" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" android:src="@drawable/all_apps_button" launcher:direction="horizontal" /> <ImageView android:id="@+id/hotseat_left" style="@style/HotseatButton.Left" android:layout_toLeftOf="@id/all_apps_button" android:src="@drawable/hotseat_phone" android:onClick="launchHotSeat" /> <ImageView android:id="@+id/hotseat_right" style="@style/HotseatButton.Right" android:layout_toRightOf="@id/all_apps_button" android:src="@drawable/hotseat_browser" android:onClick="launchHotSeat" /> </RelativeLayout> </com.android.launcher2.DragLayer>
在上面的XML布局中，最頂層的控件com.android.launcher2.DragLayer是一個自定義控件，其繼承自 ViewGroup的直接子類FrameLayout。在DragLayer的布局內部，其子View既有ImageView類本身，也有從 ImageView的派生出的子定義控件HandleView，既有ViewGroup的框架中的直接子類RelativeLayout，也有從派生出的 自定義控件Workspace?？傊?，這布局的例子是大家學習Android布局、應用開發(fā)和理解Android View、ViewGroup概念的非常優(yōu)秀的例子，大家可下載Launcher模塊的源代碼來進行深入分析（Launcher單個模塊的下載方法可參見 博文Android源碼下載——用git clone實現單個目錄下載 ）。
最后，給大家介紹下View和ViewGroup最重要的幾個方法——
protected void onDraw(Canvas canvas)：View類中用于重繪的方法，這個方法是所有View、ViewGroup及其派生類都具有的方法，也是Android UI繪制最重要的方法。開發(fā)者可重載該方法，并在重載的方法內部基于參數canvas繪制自己的各種圖形、圖像效果。
protected void onLayout(boolean changed, int left, int top, int right, int bottom)：View類中布局發(fā)生改變時會調用的方法，這個方法是所有View、ViewGroup及其派生類都具有的方法，重載該類可以在布局發(fā)生 改變時作定制處理，這在實現一些特效時非常有用。
protected void dispatchDraw(Canvas canvas)：ViewGroup類及其派生類具有的方法，這個方法主要用于控制子View的繪制分發(fā)，重載該方法可改變子View的繪制，進而實現一 些復雜的視效，典型的例子可參見Launcher模塊Workspace的dispatchDraw重載。
protected boolean drawChild(Canvas canvas, View child, long drawingTime))：ViewGroup類及其派生類具有的方法，這個方法直接控制繪制某局具體的子view，重載該方法可控制具體某個具體子View。
View、ViewGroup是Android UI體系至關重要的兩大基類，本文僅對一些最基本的概念、原理和API進行了介紹，大家要全面掌握還需要閱讀SDK中對這兩個類的介紹并熟悉其API ，并在應用開發(fā)中逐漸的加深理解和掌握其用法
