《3G移動(dòng)互聯(lián)網(wǎng)應(yīng)用技術(shù)開(kāi)發(fā)》第五章：Android圖形用戶(hù)界面設(shè)計(jì)

3G移動(dòng)互聯(lián)網(wǎng)應(yīng)用技術(shù)開(kāi)發(fā)第五章：Android圖形用戶(hù)界面設(shè)計(jì)提問(wèn)：Android系統(tǒng)中的資源分為哪幾類(lèi)？調(diào)用Android中的系統(tǒng)資源使用的方法？Android系統(tǒng)中的布局資源都有哪些種？如何調(diào)用Android系統(tǒng)中的assets資源？課程回憶 對(duì)于Android初級(jí)程序員來(lái)說(shuō)，最根本得要求之一是能夠快速開(kāi)發(fā)出一個(gè)友好的易用的圖形用戶(hù)界面。Android平臺(tái)提供了一套圖形用戶(hù)界面的編程接口，能夠幫助程序員快速掌握?qǐng)D形用戶(hù)界面的開(kāi)發(fā)。 通過(guò)本章的學(xué)習(xí)，讓我們了解并掌握Android系統(tǒng)的用戶(hù)界面設(shè)計(jì)的相關(guān)知識(shí)，掌握各種那個(gè)常用控件的使用方法。能夠領(lǐng)過(guò)運(yùn)用各種控件搭建程序界面。

本章概述了解Android應(yīng)用程序界面的主要原那么了解Android圖形用戶(hù)界面設(shè)計(jì)的概念掌握Android中的文本框、按鈕等組件掌握Android中的日期、時(shí)間等組件了解Android中的其他常規(guī)組件使用本章目標(biāo)對(duì)于Android應(yīng)用開(kāi)發(fā)人員來(lái)說(shuō)，了解用戶(hù)界面設(shè)計(jì)原那么非常必要。隨著IT技術(shù)的不斷開(kāi)展，用戶(hù)體驗(yàn)越來(lái)越被關(guān)注。Interactiondesingstyle是交互設(shè)計(jì)的靈魂。在一個(gè)平臺(tái)設(shè)計(jì)中，明確了交互設(shè)計(jì)的靈魂才能確保參與設(shè)計(jì)中的UI架構(gòu)師，UI設(shè)計(jì)師，媒體設(shè)計(jì)師和平臺(tái)實(shí)現(xiàn)者，甚至全部參與到平臺(tái)工作的人，都貫徹了統(tǒng)一系列的原那么，都朝著一個(gè)方向前進(jìn)。交互設(shè)計(jì)風(fēng)格是指當(dāng)用戶(hù)與操作系統(tǒng)，界面進(jìn)行交互的時(shí)候所得到的直觀體驗(yàn)，交互設(shè)計(jì)風(fēng)格根植于用戶(hù)需求，交互設(shè)計(jì)風(fēng)格由一系列原那么組成，交互設(shè)計(jì)風(fēng)格通過(guò)設(shè)計(jì)元素表達(dá)。UIStyle能夠統(tǒng)一帶給用戶(hù)的交互體驗(yàn)，能夠指導(dǎo)界面設(shè)計(jì)以到達(dá)同整體風(fēng)格和諧一致，同時(shí)也能夠降低用戶(hù)學(xué)習(xí)本錢(qián)，將設(shè)計(jì)從平臺(tái)高度統(tǒng)一，契合品牌形象。使用UIStyle時(shí)，要遵守元素正確，原那么正確，風(fēng)格正確。對(duì)于原那么，“必須”說(shuō)明一定要遵守的規(guī)那么，“可以”表示推薦的規(guī)那么。對(duì)于所有元素，推薦按照既有使用場(chǎng)景的使用元素但不限制創(chuàng)造新的元素。StyleGuide是用于描述設(shè)計(jì)風(fēng)格的細(xì)節(jié)型文檔，能夠影響信息架構(gòu)原那么、任務(wù)模式原那么、交互行為原那么、視覺(jué)原那么以及文本編寫(xiě)原那么。Android程序界面主要設(shè)計(jì)原那么從交互角度考慮，可以從以下四個(gè)方面考慮Android用戶(hù)體驗(yàn)迎合用戶(hù)的心理模型：用戶(hù)主導(dǎo)的操作方式，按照用戶(hù)的心理模型提供相應(yīng)的交互方式。需要用戶(hù)處理的事件類(lèi)應(yīng)該提供點(diǎn)擊操作。可引起拖拽或挪動(dòng)感受反響的可以使用手勢(shì)操作，不要讓用戶(hù)有挫敗感，可以提供正確的方式引導(dǎo)。對(duì)于用戶(hù)不可更改的錯(cuò)誤，如“連接失敗”等，應(yīng)該使用Toast而不是Dialog對(duì)話(huà)框。界面設(shè)計(jì)簡(jiǎn)單可操作：盡可能給用戶(hù)期望的選擇，減少用戶(hù)輸入，對(duì)于常用操作用戶(hù)不應(yīng)該需要幫助文檔，界面設(shè)計(jì)設(shè)個(gè)手指操作。減少用戶(hù)的學(xué)習(xí)負(fù)擔(dān)：使用標(biāo)準(zhǔn)控件，標(biāo)準(zhǔn)的信息組織方式以及典型場(chǎng)景流程。相同操作的交互行為要一致，相同操作的位置關(guān)系要一致，相似操作要給用戶(hù)相似的體驗(yàn)，以減少用戶(hù)的學(xué)習(xí)負(fù)擔(dān)。整個(gè)系統(tǒng)具有自適應(yīng)性：適配用戶(hù)操作行為的界面布局，適合多種屏幕尺寸，系統(tǒng)可以自動(dòng)記憶用戶(hù)的操作行為并適時(shí)提供給用戶(hù)幫助。Android程序界面主要設(shè)計(jì)原那么Android應(yīng)用中的每一個(gè)界面都是一個(gè)Activity類(lèi)。有關(guān)Activity的相關(guān)知識(shí)請(qǐng)參見(jiàn)我們第三章的內(nèi)容。Activity上展現(xiàn)的都是Android系統(tǒng)中的可視化組件，如文本視圖、按鈕等。而Android中的任何可視化組件都是API中的類(lèi)的子類(lèi)。因此，本知識(shí)點(diǎn)首先學(xué)習(xí)所有組件的父類(lèi)：類(lèi)。一下是API文檔內(nèi)容：Android中的常用組件可見(jiàn)View有很多直接或間接的子類(lèi)，如Button、TextView、ListView等，這些子類(lèi)都是Android應(yīng)用系統(tǒng)中常見(jiàn)的視圖組件。Android中的常用視圖組件大體分為如下六類(lèi)21個(gè)組件：文本類(lèi)：文本框、編輯框、自動(dòng)完成文本框按鈕類(lèi)組件：按鈕、圖像按鈕、選項(xiàng)按鈕、開(kāi)關(guān)狀態(tài)按鈕、復(fù)選框按鈕日期、時(shí)間組件：輸入日期組件、輸入時(shí)間組件、顯示時(shí)鐘組件進(jìn)度條組件：進(jìn)度條、拖動(dòng)條、評(píng)分條列表組件：列表組件〔ListView〕其他組件：ImageView、顯示下拉、網(wǎng)格組件、循環(huán)顯示組件、ImageSwitch、卡片選項(xiàng)組件Android中的組件分類(lèi)TextView〔文本顯示組件〕往往用來(lái)向用戶(hù)顯示文本信息。如郵件正文或程序標(biāo)簽等。Android中的文本框組件TextView教員演示案例ch05_app01EditText組件是TextView組件的子類(lèi)，主要用于進(jìn)行文本或其他數(shù)據(jù)的輸入。我們可以通過(guò)對(duì)輸入類(lèi)型的標(biāo)準(zhǔn)進(jìn)行數(shù)據(jù)限定。EditText通過(guò)三種屬性可以指定android:digits數(shù)字0~9或字母a~zandroid:inputType自定義輸入的類(lèi)型android:numeric數(shù)字類(lèi)型Android中的編輯框組件EditText教員演示案例ch05_app02AutoCompleteTextView，該組件是EditText類(lèi)的子類(lèi)。當(dāng)用戶(hù)輸入信息時(shí)它可以給予相應(yīng)的補(bǔ)充和提示。功能類(lèi)似于google搜索框的自動(dòng)補(bǔ)全。Android中的自動(dòng)完成輸入內(nèi)容框組件教員演示案例ch05_app03Button類(lèi)繼承了TextView類(lèi)，在布局文件中使用屬性指定按鈕顯示的文本。在按鈕的單擊事件有兩種書(shū)寫(xiě)方式，一種使用監(jiān)聽(tīng)器，另一種使用配置文件。Android中的按鈕組件教員演示案例ch05_app04ImageButton是只顯示圖像的按鈕，是ImageView的子類(lèi)。假設(shè)按鈕即顯示文字又顯示圖片那么使用Button按鈕進(jìn)行配置。Android中的圖像按鈕組件教員演示案例ch05_app05RadioButton可以構(gòu)建一組單項(xiàng)選擇按鈕，一組互斥的單項(xiàng)選擇按鈕必須在用一個(gè)RadioGroup中。Android中的選項(xiàng)按鈕組件教員演示案例ch05_app06ToggleButton與Button的功能根本相同ToggleButton多了一個(gè)表示“開(kāi)/關(guān)”狀態(tài)的指示條Android中的開(kāi)關(guān)狀態(tài)按鈕組件教員演示案例ch05_app07CheckBox用于選取多個(gè)值時(shí)使用的組件，在布局文件中使用<CheckBox>標(biāo)簽標(biāo)記，可以使用android:check=“true”來(lái)設(shè)定默認(rèn)選中值。Android中的復(fù)選框按鈕組件教員演示案例ch05_app08DatePicker組件可以輸入日期。范圍在1900-1-1~2100-12-31Android中的日期組件教員演示案例ch05_app09TimePicker時(shí)間組件用來(lái)設(shè)置時(shí)間數(shù)據(jù)，在布局文件中使用<TimePicker>標(biāo)簽完成。教員演示案例ch05_app10Android中的時(shí)間組件AnalogClock用表盤(pán)的方式顯示當(dāng)前時(shí)間，與時(shí)針和分針兩個(gè)指針。DigitalClock用數(shù)字方式顯示當(dāng)前時(shí)間，可以顯示時(shí)、分、秒。Android中的顯示時(shí)鐘組件教員演示案例ch05_app11ProgressBar用來(lái)顯示任務(wù)或工作的完成率Android系統(tǒng)中可以實(shí)現(xiàn)圓形或者水平的進(jìn)度條ProgressBar類(lèi)中有setProgress和getPrgress方法用來(lái)設(shè)置及獲取當(dāng)前進(jìn)度條ProgressBar類(lèi)中有incrementProgressBy(intn)動(dòng)態(tài)控制進(jìn)度條的同時(shí)使用incrementSecondaryProgressBy(intn)動(dòng)態(tài)控制預(yù)讀取進(jìn)度Style風(fēng)格可分為：大圓：?android:attr/progressBarStyleLarge小圓：?android:attr/progressBarStyleSmall水平：?android:attr/progressBarStyleHorizontalAndroid中的進(jìn)度條組件教員演示案例ch05_app12SeekBar是ProgressBar的子類(lèi)，使用方式和ProgressBar類(lèi)似拖動(dòng)條滑動(dòng)的相關(guān)事件接口OnSeekBarChangeListener，該接口中三個(gè)方法onProgressChanged：滑動(dòng)滑桿onStartTrackingTouch：按住滑桿onStopTrackngTouch：松開(kāi)滑桿創(chuàng)立onSeekBarChangeListener監(jiān)聽(tīng)器進(jìn)行動(dòng)作監(jiān)聽(tīng)Android中的拖動(dòng)條組件教員演示案例ch05_app13RatingBar組件是用來(lái)進(jìn)行評(píng)分功能的實(shí)現(xiàn)RatingBar組件常用的布局屬性android:isIndicator：RatingBar是否是一個(gè)指示器〔用戶(hù)無(wú)法進(jìn)行更改〕android:numStars：用于評(píng)分的五角星個(gè)數(shù)android:rating：指定當(dāng)前的分?jǐn)?shù)android:stepSize：指定分?jǐn)?shù)的增量單位style：設(shè)置RatingBar的風(fēng)格

注意：style=“?android:attr/ratingBarStyleSmall”屬性可將控件變小，同時(shí)變?yōu)橹甘酒髂Ｊ?，用?hù)無(wú)法修改Android中的評(píng)分條組件教員演示案例ch05_app14Spinner的功能和ListView組件類(lèi)似Spinner的數(shù)據(jù)也是通過(guò)Adapter裝載，使用數(shù)組或者List對(duì)象同AutoCompleteEditText組件一樣，需要使用ArrayAdapter數(shù)組適配器將下拉菜單中的數(shù)據(jù)〔數(shù)組類(lèi)型〕與Spinner控件進(jìn)行綁定。Android中的下拉列表組件ArrayAdapter數(shù)組適配器的語(yǔ)法：ArrayAdapter(this,顯示樣式,數(shù)組名稱(chēng));教員演示案例ch05_app15GridView是以網(wǎng)格的形式排列所包含的內(nèi)容，每個(gè)單元格的內(nèi)容可以是任意一個(gè)View組件GridView通過(guò)SimpleAdapter適配器封裝數(shù)據(jù)，調(diào)用setApdapter方法將數(shù)據(jù)與控件進(jìn)行綁定。GridView可以是使用OnItemClickListener及OnItemSelectedListener監(jiān)聽(tīng)事件。Android中的網(wǎng)格組件教員演示案例ch05_app16ImageSwitcher和Gallery組件配合可以完成水平拖動(dòng)，并且中間顯示的特殊表達(dá)形式。Android中的ImageSwitcher組件教員演示案例ch05_app17 資源是Android應(yīng)用中非常重要的組成局部，本章系統(tǒng)學(xué)習(xí)了Android應(yīng)用中常用的資源類(lèi)型和使用方法。Android應(yīng)用的資源大多放在res目錄下，其中res/drawable下的是圖像資源，res/layout下的是布局資源，res/values下的資源類(lèi)型最多，包括字符串、顏色、尺寸、數(shù)組等。Res目錄下的資源都將在R類(lèi)中生成的ID值，在Java代碼中通過(guò)R資源類(lèi)型。ID值的方式引用，在XML文件中通過(guò)@資源類(lèi)型/ID值的方式引用。除了res目錄下的資源外，Android應(yīng)用中還有assets資源，存放在asset