移動平臺開發(fā)-實(shí)驗(yàn)指導(dǎo)書-(21)

1、移動平臺開發(fā)-)搭建平臺和 HelloWorldUI 設(shè)計(jì)：布局、控件、事件處理目錄實(shí)驗(yàn)一：搭建平臺和 HelloWorld 3.實(shí)驗(yàn)?zāi)康?3.實(shí)驗(yàn)要求 3.實(shí)驗(yàn)內(nèi)容 3.一、安裝并配置Java JDK3.二、安裝 MyEclipse或 Eclipse4.三、安裝Android SDK 4四、安裝 ADT( Android Development Tools) 6.五、創(chuàng)建 Android 虛擬設(shè)備(AVD) 6.六、建立新項(xiàng)目 HelloWorld 7.實(shí)驗(yàn)二： UI 設(shè)計(jì) 1.0.實(shí)驗(yàn)?zāi)康?1.0.實(shí)驗(yàn)要求 1.0.實(shí)驗(yàn)內(nèi)容 1.0.一、常用控件1.0.二、界面布局 1.2.三、事情處理1

2、.5.作業(yè)一：1.9.注意事項(xiàng)2.0.24 / 20實(shí)驗(yàn)一：搭建平臺和HelloWorld實(shí)驗(yàn)?zāi)康谋敬螌?shí)驗(yàn)的目的是讓大家熟悉搭建智能手機(jī)開發(fā)平臺的過程，了解 Andorid開發(fā)項(xiàng)目的基本文件目錄結(jié)構(gòu)，并實(shí)現(xiàn) HelloWorld小例程。實(shí)驗(yàn)要求1 .完成Android開發(fā)平臺的搭建及相關(guān)配置2 .創(chuàng)建項(xiàng)目并熟悉文件目錄結(jié)構(gòu)3 .實(shí)現(xiàn)例程HelloWorld實(shí)驗(yàn)內(nèi)容、安裝并配置 Java JDK1 .下載安裝 JDK , 如安裝目錄為：C:Program Files (x86)Javajdk1.6.0_18。2 .配置JDKXP:右鍵“我的電腦” “屬性”“高級”“環(huán)境變量”WIN7:右鍵“我的

3、電腦”“高級系統(tǒng)設(shè)置”“環(huán)境變量”新建系統(tǒng)變量：JAVA_HOME C:Program Files (x86)Javajdk1.6.0_18 JDK安裝目 錄)。PATH %JAVA_HOME%bin;%JAVA_HOME%jrbinCLASSPAT H.;%JAVA_HOME%lib;%JAVA_HOME%libtools.ja麗 面的.;一定要加上)配置完成后在 CMD中輸入java wersion和javac version,能看到對 應(yīng)的JDK版本即配置成功，如下圖所示。C：-versionjuv口 vers ion ''1且_18-6口”Java<TH>

4、SE Runtime Enuironment <build 1.6.0_18-ea-h01)Ja。HotSpot<TM> Client UM CJbulld 16 .0-h08, miMed no de,C;W sersS33>j«uac wers ion javac 1.6.0_t8-ea二、安裝 MyEclipse 或 Eclipse安裝平臺。三、安裝 Android SDK1 .下載 Android SDK地址：http: 。About AndroidGet Ihe SDK2 .安裝SDK安裝過程可能碰到的問題：無法連接到google.需要如下設(shè)置：解決

5、方法： 在 C:WindowsSystem32driversetc 找到hosts ,用記事本打開hosts文件，最后一行加 dl-然后另存為hosts.txt,再下載一個文件粉碎機(jī)（百度一下，到處都是），利用它原始的hosts刪除，最后就hosts.txt后綴去掉，改為hosts（不能直接修改，系統(tǒng)文件受保護(hù)， 只能這樣迂回一下）進(jìn)入安裝過程后，全部選擇選擇“Accept License',然后點(diǎn)擊“Install”, 如下圖所示。安裝完成后可以看到如下圖所示的列表。Padcages ToolsSDK Paths D：SotLpDocun0rt；'

6、adt INanvI / Android SDK rodsAndroid SDK Platfarm-ioolsAndroid SDK Juiid-tool5D Android 6K Mid-to口ImAndroid 4J (API UJ Oocumcrtotion fcr Ardrcid SO<APk Kev. Statu sJ lD TdcIs22 a13.0,11,11SDK Platform£ s_1_ 1-1- "'s'nSamples fcr SDKAAM EABI vT& Systerr JnrageGnog If AP!弋crur

7、t+M 6 And re d ?OKStleit ji“上7Updatei/bew 目 In&Wlrd ObaukieSort byr 師 API lw«l © bpn&itaiyDore loading pjckag后專3.配置SDK在解壓縮后的文件夾中加入jdk安裝文件中的bin文件夾。然后配置sdk環(huán)境變量。我的電腦-屬性-高級系統(tǒng)配置-環(huán)境變量。選擇系統(tǒng)環(huán)境變量中的PATH, 編輯，在變量中加入sdk文件夾中的platform-tools文件夾的絕對路徑，和eclipse中bin文件夾的絕對路徑，中間用；隔開。檢查是否配置成功：cmd-adbPack

8、ages四、ADT (Android Development Tools )下載sdk時，解壓縮后的eclipse文件夾下的eclipse自動配置完成了五、創(chuàng)建 Android虛擬設(shè)備（AVD）.打開 SDK Manager點(diǎn)擊 “ Virtual Device ”點(diǎn)擊“New”如下圖所示設(shè)置，Target選才A Android2.2 , Size是SD卡的大小（可 自行調(diào)整）創(chuàng)建完AVD后選擇該AVD并點(diǎn)擊“Start”即可運(yùn)行該AVD, AVD的5.啟動過程很慢，耐心等待，運(yùn)行成功如下圖所示六、建立新項(xiàng)目HelloWorld1 .打開 MyEclipse 或 Eclipse2

9、 .點(diǎn)擊 “File”“New”“Project”“Android Project”，創(chuàng)建HelloWorld項(xiàng)目，如下幾個地方需3進(jìn)行設(shè)置。項(xiàng)目名：HelloWorldProje-rt nanne： HelloWorld勾選 “Android 2.2”|?| Android 2-2 A.ndrond Open Source Pn., 2.28設(shè)置屬性：PropertiesApplication nme: HelloWorldPackage name: tju,5cs.andrcidlestJ Activrty: HlloWoridMin SDK Version:3 .項(xiàng)目目錄結(jié)構(gòu)如下圖所示，

10、能看到已經(jīng)建立好了 Class：HelloWorld.java ,接下來對其進(jìn)行修改。j Hell&wWorld> (3: SIT& gen Generated Java Files> 回，Ardroid 4,3fefefeha b >卜 Android Private Libraries assetsbinlib占ru玉ArdroidManifsstjimlB. icj a uncher-v-eb pngJ prcguard-p reject txt | perti ei4.按照下圖修改HelloWorld.java的內(nèi)容，大家自己敲一

11、敲熟悉一下。packsge t ju , ges - andro.-d test;import android., app. Acr.lvlty;impoTt andreid,os.Sandle;ImpoTt android.widget.*Tentview;public class HelloWorld 巳k七qntlw Activity / * * Caviled when t-tie activity is £irst cxeated. ./ Overridepujalia iroid cnCreaue(Bundle saveinscanceStare) super* onCr

12、eate ( savedInsT；anceStae> ;Text Vietf t.ext View = new TextView (this) j1： extV;i ew. setTex f ,ri3eLlc The Ai:drcid Woxld ? " ;3 e t Co nt c ntview(DexuView);5.選擇項(xiàng)目HelloWorld并點(diǎn)擊“Run As"，運(yùn)行結(jié)果如下圖所示，到此 為止HelloWorld項(xiàng)目就實(shí)現(xiàn)了。實(shí)驗(yàn)二：UI設(shè)計(jì)實(shí)驗(yàn)?zāi)康谋敬螌?shí)驗(yàn)的目的是讓大家熟悉 Android開發(fā)中的UI設(shè)計(jì)，包括了解和熟悉常 用控件的使用、界面布局和事件處理

13、等內(nèi)容。實(shí)驗(yàn)要求4 .熟悉和掌握界面控件設(shè)計(jì)5 . 了解Android界面布局6 .掌握控件的事件處理實(shí)驗(yàn)內(nèi)容一、常用控件1 .常用控件介紹Android中有許多常用控件(簡單分類)：文本框：TextView、EditText按鈕：Button、 RadioButton、 RadioGroup> CheckBox ImageButton歹！J表：List、ExpandableListView Spinner、AutoCompleteTextView、GridView、 ImageView進(jìn)度條： ProgressBar ProgressDialog SeekBar RatingBar選擇

14、器：DatePicker； TimePicker菜單：Menu、ContentMenu對話框： Dialog、ProgressDialog常用的控件有文本框、按鈕和列表等。2 .控件的實(shí)現(xiàn)在上一個實(shí)驗(yàn)中，我們用TextView實(shí)現(xiàn)了在界面顯示一句"Hello The Android World!”。public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState);TextView textView = new TextView(this);textView.setText("

15、Hello The Android World!"); setContentView(textView);現(xiàn)在我們來看一看.xml文件和編碼的相互關(guān)系。在HelloWorld.java中敲入如下代碼：package tju.scs.android.test;import android.app.Activity;import android.os.Bundle;import android.widget.Button;import android.widget.TextView;public class HelloWorld extends Activity /* Calledwhe

16、n the activity is first created. */Overridepublic void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState);setContentView(R.layoutmain);TextView textView = (TextView)findViewById(R.idtextView01);Button button = (Button)findViewById(R.id. button01);)注意在上面并沒有為textView和button設(shè)置文本內(nèi)容等，

17、另外textView的 初始化代碼為：TextView textView = (TextView)findViewById(R.id.textView01 );此處初始化用到了 id為textView01的TextView。在項(xiàng)目目錄中找到/res/layout/main.xml ,如下：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http:android:orientation="vertical"android:l

18、ayout_width="fill_parent" android:layout_height="fill_parent"><TextViewandroid:id="+id/textView01"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="string/hello"/><Buttonandroid:id="+id/but

19、ton01"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="string/button"/></LinearLayout>注意上面列出了兩個控件：TextView和Button , id分別為textView01和button01 ,它們的文本內(nèi)容分別為 string/hello 和string/button。在項(xiàng)目目錄中找到/res/values/strings.xml,如下：<?

20、xml version="1.0" encoding="utf-8" ?><resources><string name="hello">Hello The Android World!</string><string name="button”>I am a button!</string><string name="app_name”>HelloWorld</string></resources>可以看到兩個

21、string ：hello 和 button 的內(nèi)容分別為 “Hello The Android World!” 和“ I am a button!”，即使文本框和按鈕在界面上顯示的內(nèi)容，如下圖所示：3 .控件的屬性可以直接在類中為控件設(shè)置屬性，也可以在 xml文件中設(shè)置屬性。每個控件 都有一系列的屬性，例如id、size. text、color等等，大家可以找找 API查看控 件的屬性。、界面布局Android中有很多布局：FrameLayout最簡單的一個布局對象。它里面只顯示一個顯示對象。Android 屏幕元素中所有的顯示對象都將會固定在屏幕的左上角，不能指定位置。但 允許有多個顯示對

22、象，但后一個將會直接在前一個之上進(jìn)行覆蓋顯示，把前 一個部份或全部擋?。ǔ呛笠粋€是透明的）。LinearLayout以單一方向?qū)ζ渲械娘@示對象進(jìn)行排列顯示，如以垂直排列顯示，則布局管理器中將只有一列；如以水平排列顯示，則布局管理器中將只 有一行。同時，它還可以對個別的顯示對象設(shè)置顯示比例。TableLayout以擁有任意行列的表格對顯示對象進(jìn)行布局，每個顯示對象被 分配到各自的單元格之中，但單元格的邊框線不可見。AbsoluteLayout：允許以坐標(biāo)的方式，指定顯示對象的具體位置，左上角的坐 標(biāo)為(0, 0),向下及向右，坐標(biāo)值變大。這種布局管理器由于顯示對象的位置 定死了，所以在不同的設(shè)

23、備上，有可能會出現(xiàn)最終的顯示效果不一致。RelativeLayout允許通過指定顯示對象相對于其它顯示對象或父級對象的相 對位置來布局。如一個按鈕可以放于另一個按鈕的右邊，或者可以放在布局 管理器的中央。布局中可以放置控件，而每個布局又可以嵌套其他布局，這種思想和之前學(xué) 習(xí)java的布局是一樣的。例如在main.xml中如下布局：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http: android:id="+id/main&q

24、uot; android:orientation="vertical"android:layout_width="fill_parent” android:layout_height="fill_parent” ><LinearLayoutandroid:orientation="horizontal” android:layout_width="fill_parent” android:layout_height="fill_parent” android:layout_weight="1"

25、><TextViewandroid:text="red"IIandroid:gravity="center_horizontal” android:background="#aa0000” android:layout_width="wrap_content android:layout_height="f川_parent” android:layout_weight="1"/> <TextViewandroid:text="green”IIandroid:gravity=&quo

26、t;center_horizontal” android:background="#00aa00" android:layout_width="wrap_content android:layout_height="f川_parent” android:layout_weight="1"/><TextViewandroid:text="blue"IIandroid:gravity="center_horizontal” android:background="#0000aa” and

27、roid:layout_width="wrap_content android:layout_height="f川_parent” android:layout_weight="1"/><TextViewandroid:text="yellow”android:gravity="center_horizontal” android:background="#aaaa00” android:layout_width="wrap_content” android:layout_height="f川

28、_parent” android:layout_weight="1"/></LinearLayout><LinearLayoutandroid:orientation="vertical” android:layout_width="fill_parent” android:layout_height="fill_parent” android:layout_weight="2"><TextViewandroid:text="row one"android:textSi

29、ze="15pt" android:layout_width="fill_parent” android:layout_height="wrap_content” android:layout_weight="1"/><TextViewandroid:text="row two”android:textSize="15pt"android:layout_width="fill_parent” android:layout_height="wrap_content” andr

30、oid:layout_weight="1"/><TextViewandroid:text="row three"android:textSize="15pt"android:layout_width="fill_parent” android:layout_height="wrap_content” android:layout_weight="1"/><TextViewandroid:text="row four"android:textSize=&

31、quot;15pt"android:layout_width="fill_parent” android:layout_height="wrap_content” android:layout_weight="1"/></LinearLayout></LinearLayout>在一個LinearLayout布局下嵌套了兩個LinearLayout,出來的效果如下圖所示:其他布局請大家自行嘗試三、事情處理事件監(jiān)聽和時間處理的概念大家以前都學(xué)習(xí)過，android中主要有如下事件方法：onClick(View v) 一個

32、普通的點(diǎn)擊按鈕事件boolean onKeyMultiple(int keyCode,int repeatCount,KeyEvent event)用于在多 個事件連續(xù)時發(fā)生，用于按鍵重復(fù)boolean onKeyDown(int keyCode,KeyEvent event)用于在按鍵進(jìn)行按下時發(fā)boolean onKeyUp(int keyCode,KeyEvent ever)t 用于在按鍵進(jìn)行釋放時發(fā)生 onTouchEvent(MotionEvent event)觸摸屏事件，當(dāng)在觸摸屏上有動作時發(fā)生 boolean onKeyLongPress(int keyCode, KeyEven

33、t evenrt)長時間按時發(fā)生下面以點(diǎn)擊一個Button為例子：package tju.scs.android.test;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.TextView;import android.widget.Toast;public class HelloWorld extends

34、 Activity /* Calledwhen the activity is first created. */Overridepublic void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState);setContentView(R.layoutmain);Button button = (Button)findViewById(R.id. button01);button.setOnClickListenerbuttonListener);private OnClickListenerbutton

35、Listener = new OnClickListener()public void onClick(View v) Toast.makeText(v.getContext(), "You have clicked a button!" ,ToastLENGTH_LON)Cshow();為button添加了一個監(jiān)聽buttonListener,對應(yīng)的onClick方法則拋出了一則 文本框提示用戶，效果圖如下所示：其他事件處理請大家自行嘗試importandroid.os.Bundle;importandroid.app.Activity;importandroid.view.Menu;importandroid.view.View;importandroid.view.View.OnClickList