基于安卓平臺的程序設(shè)計：Android用戶界面1

1、Android用戶界面(1)1 用戶界面基礎(chǔ)用戶界面（User Interface，UI)是系統(tǒng)和用戶之間進(jìn)行信息交換的媒介，實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換在計算機(jī)出現(xiàn)早期，批處理界面（1945-1968）和命令行界面（1969-1983）得到廣泛的使用目前，流行圖像用戶界面（Graphical User Interface，GUI），采用圖形方式與用戶進(jìn)行交互的界面未來的用戶界面將更多的運(yùn)用虛擬現(xiàn)實技術(shù)，使用戶能夠擺脫鍵盤與鼠標(biāo)的交互方式，而通過動作、語言，甚至是腦電波來控制計算機(jī)1 用戶界面基礎(chǔ)設(shè)計手機(jī)用戶界面應(yīng)解決的問題需要界面設(shè)計與程序邏輯完全分離，這樣不僅有利于他們的

2、并行開發(fā)，而且在后期修改界面時，也不用再次修改程序的邏輯代碼根據(jù)不同型號手機(jī)的屏幕解析度、尺寸和縱橫比各不相同，自動調(diào)整界面上部分控件的位置和尺寸，避免因為屏幕信息的變化而出現(xiàn)顯示錯誤能夠合理利用較小的屏幕顯示空間，構(gòu)造出符合人機(jī)交互規(guī)律的用戶界面，避免出現(xiàn)凌亂、擁擠的用戶界面Android已經(jīng)解決了前兩個問題，使用XML文件描述用戶界面；資源資源文件獨(dú)立保存在資源文件夾中；對界用戶面描述非常靈活，允許不明確定義界面元素的位置和尺寸，僅聲明界面元素的相對位置和粗略尺寸1 用戶界面基礎(chǔ)Android提供兩種方式控制界面組件的外觀和行為在XML 布局文件中通過XML屬性進(jìn)行控制 1 用戶界面基礎(chǔ)對

3、應(yīng)的 string.xml: ActivityLifeCycle hello,world! Settings1 用戶界面基礎(chǔ)在Java程序里通過相應(yīng)組件的方法控制組件外觀和行為public class ActivityLifeCycle extends Activity TextView txt; Button bt ;public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main); txt = (TextView)findView

4、ById(R.id.txtHello); bt = (Button) findViewById(R.id.btModify); bt.setOnClickListener(new Button.OnClickListener() Overridepublic void onClick(View v) / TODO Auto-generated method stubtxt.setText(Modified); );1 用戶界面基礎(chǔ)Android用戶界面框架Android用戶界面框架（Android UI Framework）采用MVC（Model-View-Controller）模型提供了處理

5、用戶輸入的控制器（Controller）顯示用戶界面和圖像的視圖（View），以及保存數(shù)據(jù)和代碼的模型（Model）1 用戶界面基礎(chǔ)Android用戶界面框架MVC模型MVC模型中的控制器能夠接受并響應(yīng)程序的外部動作，如按鍵動作或觸摸屏動作等控制器使用隊列處理外部動作，每個外部動作作為一個獨(dú)立的事件被加入隊列中，然后Android用戶界面框架按照“先進(jìn)先出”的規(guī)則從隊列中獲取事件，并將這個事件分配給所對應(yīng)的事件處理函數(shù)1 用戶界面基礎(chǔ)Android用戶界面框架單線程用戶界面在單線程用戶界面中，控制器從隊列中獲取事件和視圖在屏幕上繪制用戶界面，使用的都是同一個線程特點(diǎn)：處理函數(shù)具有順序性，能夠降

6、低應(yīng)用程序的復(fù)雜程度，同時也能減低開發(fā)的難度缺點(diǎn)：如果事件處理函數(shù)過于復(fù)雜，可能會導(dǎo)致用戶界面失去響應(yīng)Android中，不允許創(chuàng)建界面的線程以外的其他線程對界面進(jìn)行操作。1 用戶界面基礎(chǔ)Android用戶界面框架Android用戶界面框架（Android UI Framework）采用視圖樹（View Tree）模型Android用戶界面框架中的界面元素以一種樹型結(jié)構(gòu)組織在一起，稱為視圖樹Android系統(tǒng)會依據(jù)視圖樹的結(jié)構(gòu)從上至下繪制每一個界面元素。每個元素負(fù)責(zé)對自身的繪制，如果元素包含子元素，該元素會通知其下所有子元素進(jìn)行繪制1 用戶界面基礎(chǔ)Android用戶界面框架視圖樹視圖樹由View

7、和ViewGroup構(gòu)成View是界面的最基本的可視單元，存儲了屏幕上特定矩形區(qū)域內(nèi)所顯示內(nèi)容的數(shù)據(jù)結(jié)構(gòu)，并能夠?qū)崿F(xiàn)所占據(jù)區(qū)域的界面繪制、焦點(diǎn)變化、用戶輸入和界面事件處理等功能View也是一個重要的基類，所有在界面上的可見元素都是View的子類ViewGroup是一種能夠承載含多個View的顯示單元ViewGroup功能：一個是承載界面布局，另一個是承載具有原子特性的重構(gòu)模塊1 用戶界面基礎(chǔ)View 以及由View 派生的界面組件，有大量xml屬性以及相應(yīng)方法，用于控制其外觀和行為。以View為例：(P38)(在xml文件中，屬性均以android:開頭，如：android:backgroun

8、dXML屬性相應(yīng)方法說明backgroundsetBackgroundResource(int)設(shè)置背景色idfindViewById(int id)idlayout_gravity對齊方式layout_height高度layout_margin邊距留空visibilitysetVisibility(int)可見性2 常用的組件xml屬性及其取值layout_height, layout_width控制組件的高和寬取值(放在 “”中）：wrap_content:高度或?qū)挾日冒∑鋬?nèi)容(比如文字）match_parent (fill_parent):高度或?qū)挾群透溉萜饕粯?0dp: 40個dp

9、2 常用的組件xml屬性及其取值layout_gravity : 指明組件在父容器中的相對位置gravity : 指明本組件文字在組件中的位置這兩個屬性的取值：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical。而且這些屬性是可以多選的，用“|”分開。默認(rèn)這個的值是：Gravity.LEFT例如： android:gravity=top|center參看：/ghj1976/archive/2011/04/26/2029535

10、.html2 常用的組件xml屬性及其取值更常用的做法是使得以下值為 true 來設(shè)置組件在父容器中的位置：android:layout_alignParentLeft=“true” 左對齊android:layout_alignParentRight=“true” 右對齊android:layout_alignParentTop=“true” 上對齊android:layout_alignParentBottom=“true” 下對齊android:layout_centerVertical=“true” 垂直居中android:layout_centerHorizontal=true 水平

11、居中2 常用的組件xml屬性及其取值為組件指定上下左右的邊距（到其他組件的距離）android:layout_marginBottom=60dp“android:layout_marginLeft=60dp“android:layout_marginTop=60dp“android:layout_marginRight=60dp“對應(yīng)的方法為：setMargins(int,int,int,int)3 用代碼控制界面的示例(P41)public class CodeView extends Activity public void onCreate(Bundle savedInstanceSta

12、te)super.onCreate(savedInstanceState);/創(chuàng)建一個線性布局管理器LinearLayout layout = new LinearLayout(this);/設(shè)置該Activity顯示layoutsuper.setContentView(layout);layout.setOrientation(LinearLayout.VERTICAL);/創(chuàng)建一個TextViewfinal TextView show = new TextView(this);/創(chuàng)建一個按鈕Button bn = new Button(this);bn.setText(R.string.o

13、k); bn.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);/向Layout容器中添加TextViewlayout.addView(show);/向Layout容器中添加按鈕layout.addView(bn); /為按鈕綁定一個事件監(jiān)聽器bn.setOnClickListener(new OnClickListener()Overridepublic void onClick(View v) show.setText(Hello , Android , + new java.util.Date(););關(guān)于LayoutParams的用法： /s/blog_821e2bb10100tarl.html4 XML和代碼混合控制界面的示例(P42)5 開發(fā)自定義View(P44)public class DrawView extends Viewpublic float currentX = 40;public float currentY = 50;/* * param context */public DrawView(Context context)super(context);