MMI-Android開發(fā)入門(三)

1、續(xù)：手機(jī)控件EditTextEditText Widget的設(shè)計(jì)是為了等待User輸入而準(zhǔn)備的，那么在User輸入的同時(shí)，又該如何攔截所輸入的文字呢？Android的多數(shù)Widget都有setOnKeyListener事件，以此Listener捕捉User輸入的鍵盤事件。接著，本范例將以EditText與TextView示范如何在捕捉User鍵盤輸入文字的同時(shí)，實(shí)時(shí)取得文字，同步顯示于TextView，類似手機(jī)版的Ajax效果，實(shí)時(shí)輸入實(shí)時(shí)輸出。運(yùn)行結(jié)果圖4-1 在EditText輸入的數(shù)據(jù)，立即出現(xiàn)在TextView里面范例程序src/irdc.ex04_01/EX04_01.java主程序

2、 中唯一也是關(guān)鍵之處，便是利用EditText.OnKeyListener來攔截EditText的鍵盤輸入事件，僅需在其中重寫onKey() 方法，在onKey() 方法中，將EditText.getText() 取出的文字，顯示于TextView當(dāng)中，是一個(gè)簡(jiǎn)單易懂的范例練習(xí)。package irdc.ex04_01;import android.app.Activity;import android.os.Bundle;import android.view.KeyEvent;import android.view.View;import android.widget.EditText;i

3、mport android.widget.TextView;public class EX04_01 extends Activity /*聲明 TextView、EditText對(duì)象*/ private TextView mTextView01; private EditText mEditText01; /* Called when the activity is first created. */ Override public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); set

4、ContentView(R.layout.main); /*取得TextView、EditText*/ mTextView01 = (TextView)findViewById(R.id.myTextView); mEditText01 = (EditText)findViewById(R.id.myEditText); /*設(shè)置EditText用OnKeyListener事件來啟動(dòng)*/ mEditText01.setOnKeyListener(new EditText.OnKeyListener() Override public boolean onKey(View arg0, int a

5、rg1, KeyEvent arg2) / TODO Auto-generated method stub /*設(shè)置TextView顯示EditText所輸入的內(nèi)容*/ mTextView01.setText(mEditText01.getText(); return false; );延伸學(xué)習(xí)這個(gè)實(shí)時(shí)輸入實(shí)時(shí)顯示的效果可以擴(kuò)展在許多手機(jī)應(yīng)用 程序中，可以試著在OnKeyListener() 里做實(shí)時(shí)文字過濾效果，例如：當(dāng)User輸入不雅的文字時(shí)，可以提示User不接受部分關(guān)鍵字，以輸入Shit為例，在TextView就會(huì)出 現(xiàn)：Sh*t，此種做法可以過濾掉不雅文字的出現(xiàn)。此外，不僅是Widg

6、et才有 setOnKeyListener方法可以重寫，事實(shí)上，在View里也有View.setOnKeyListener，也就是捕捉User點(diǎn)擊鍵盤時(shí)的 事件處理，但請(qǐng)?zhí)貏e注意，需攔截這個(gè)事件，即View要取得焦點(diǎn)（Focus）才能觸發(fā)onKeyDown 事件。最后提醒你，舊版本當(dāng)中的View.setKeyListener類已經(jīng)被刪除，1.0r2版之后，已經(jīng)改用 View.setOnKeyListener() 方法替換。范例說明延續(xù)前一章按鈕事件的應(yīng)用范例，重新設(shè)計(jì)一個(gè)具有背景圖的按鈕，讓按鈕有美觀的背景圖片，只是這次不使用先前的Button Widget，而是改以ImageButton W

7、idget來顯示。將按鈕背景圖預(yù)先Import至Drawable里（*.png圖形文件），利用這些圖片，作為ImageButton的背景圖，為了做對(duì)照，在Layout配置一個(gè)“一般按鈕”，運(yùn)行結(jié)果畫面中，可以明顯看出圖片按鈕與一般按鈕在外觀上的差異。要設(shè)置ImageButton背景圖有許多方法，此 程序使用的方法是ImageButton.setImageResource()，需要傳遞的參數(shù)即是res/drawable/ 下面的Resource ID，除了設(shè)置背景圖片的方法外，程序需要用到onFocusChange與onClick等按鈕事件作為按鈕事件點(diǎn)擊之后的處理，最后通過 TextView來

8、顯示目前圖片按鈕的狀態(tài)為onClick、onFocus，或offFocus，并且同步更新按鈕的背景圖，讓User有動(dòng)態(tài)交互的感 覺。運(yùn)行結(jié)果圖4-2 隨著Focus與Click 動(dòng)作，畫面上的圖片與文字會(huì)告知你目前圖片按鈕的狀態(tài)范例程序src/irdc.ex04_02/EX04_02.java主程序構(gòu)造三個(gè)對(duì)象ImageButton、Button與TextView，并在ImageButton上設(shè)置onFocusChangeListener與onClickListener，并實(shí)現(xiàn)Image Button圖片的置換。ImageButton.setOnFocusChangeListener() 是處

9、理User點(diǎn)擊圖片按鈕之后需要處理的關(guān)鍵，當(dāng)點(diǎn)擊圖片按鈕的瞬間，以ImageButton.setImageResource() 來更換背景圖片。package irdc.EX04_02;import android.app.Activity;import android.os.Bundle;import android.view.View;/*使用OnClickListener與OnFocusChangeListener來區(qū)分按鈕的狀態(tài)*/import android.view.View.OnClickListener;import android.view.View.OnFocusChang

10、eListener;import android.widget.Button;import android.widget.ImageButton;import android.widget.TextView;public class EX04_02 extends Activity /*聲明三個(gè)對(duì)象變量(圖片按鈕,按鈕,與TextView)*/ private ImageButton mImageButton1; private Button mButton1; private TextView mTextView1; /* Called when the activity is first

11、created. */ Override public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main); /*通過findViewById構(gòu)造三個(gè)對(duì)象*/ mImageButton1 =(ImageButton) findViewById(R.id.myImageButton1); mButton1=(Button)findViewById(R.id.myButton1); mTextView1 = (TextView) find

12、ViewById(R.id.myTextView1); /*通過OnFocusChangeListener來響應(yīng)ImageButton的onFous事件*/ mImageButton1.setOnFocusChangeListener(new OnFocusChangeListener() public void onFocusChange(View arg0, boolean isFocused) / TODO Auto-generated method stub /*若ImageButton狀態(tài)為onFocus改變ImageButton的圖片 * 并改變textView的文字*/ if (

13、isFocused=true) mTextView1.setText(圖片按鈕狀態(tài)為:Got Focus); mImageButton1.setImageResource(R.drawable.iconfull); /*若ImageButton狀態(tài)為offFocus改變ImageButton的圖片 *并改變textView的文字*/ else mTextView1.setText(圖片按鈕狀態(tài)為:Lost Focus); mImageButton1.setImageResource(R.drawable.iconempty); ); /*通過onClickListener來響應(yīng)ImageBut

14、ton的onClick事件*/ mImageButton1.setOnClickListener(new OnClickListener() public void onClick(View v) / TODO Auto-generated method stub /*若ImageButton狀態(tài)為onClick改變ImageButton的圖片 * 并改變textView的文字*/ mTextView1.setText(圖片按鈕狀態(tài)為:Got Click); mImageButton1.setImageResource(R.drawable.iconfull); ); /*通過onClickL

15、istener來響應(yīng)Button的onClick事件*/ mButton1.setOnClickListener(new OnClickListener() public void onClick(View v) / TODO Auto-generated method stub /*若Button狀態(tài)為onClick改變ImageButton的圖片 * 并改變textView的文字*/ mTextView1.setText(圖片按鈕狀態(tài)為:Lost Focus); mImageButton1.setImageResource(R.drawable.iconempty); ); 擴(kuò)展學(xué)習(xí)除了在

16、運(yùn)行時(shí)用onFocus() 與onClick() 事件來設(shè)置按鈕背景圖片外，Android的MVC設(shè)計(jì)理念，可以讓程序運(yùn)行之初就以xml定義的方式來初始化ImageButton的背景圖，僅需先將圖片導(dǎo)入res/drawable。設(shè)置方法為在res/drawable下自行定義一個(gè)xml，主要針對(duì)按鈕的state_focused、state_pressed與drawable屬性作設(shè)置，如下所示：drawable/advancedbutton.xml selector xmlns:android= 然后，在main.xml中將advancedbutton賦值給Button組件中background的

17、屬性。layout/main.xml如此一來，即可達(dá)到如同本范例程序所展示的效果。ToastToast是Android專屬的提示小對(duì)象，它的 使用方式相當(dāng)簡(jiǎn)單，但用途卻很廣泛，基本上，Toast就是一個(gè)簡(jiǎn)短的小信息，將要告訴用戶的信息，以一個(gè)浮動(dòng)在最上層的View顯示，顯示Toast之 后，靜待幾秒后便會(huì)自動(dòng)消失，最常見的應(yīng)用就是音量大小的調(diào)整，當(dāng)點(diǎn)擊音量調(diào)整鈕之后，會(huì)看見跳出的音量指示Toast對(duì)象，等待調(diào)整完之后便會(huì)消失。通過Toast的特性，可以在不影響用戶通話或聆聽音樂情況下，顯示要給User的信息。對(duì)于程序員來說，它也是一個(gè)非常好用的debug工具，可以在任何程序運(yùn)行時(shí)，通過Toas

18、t的方式，顯示運(yùn)行變量或手機(jī)環(huán)境的概況。本范例使用一個(gè)EditText控件來接受用戶輸入 的文字，以及配置Button按鈕Widget，點(diǎn)擊按鈕時(shí)，將EditText里的文字，以Toast.makeText()的方法讓文字顯示于 Toast對(duì)象中，這段文字會(huì)在顯示一段時(shí)間后自動(dòng)消失，讀者可借此體驗(yàn)一下Toast對(duì)象的使用與顯示。運(yùn)行結(jié)果圖4-3 在EditText字段中填寫文字,點(diǎn)擊按鈕送出后，會(huì)發(fā)出Toast信息范例程序src/irdc.ex04_03/EX04_03.java主程序需要構(gòu)建兩個(gè)控件EditText與Button，在Button的onClick() 方法中使用Toast對(duì)象的

19、makeText() 方法來顯示輸入的文字。package irdc.EX04_03;import android.app.Activity;import android.os.Bundle;import android.text.Editable;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.EditText;import android.widget.Toast;public class EX04_03

20、extends Activity /* Called when the activity is first created. */ /*聲明兩個(gè)對(duì)象變量(按鈕與編輯文字)*/ private Button mButton; private EditText mEditText; Override public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main); /*通過findViewById()取得對(duì)象 */ mButton=(B

21、utton)findViewById(R.id.myButton); mEditText=(EditText)findViewById(R.id.myEditText); /*設(shè)置onClickListener給Button對(duì)象聆聽onClick事件*/ mButton.setOnClickListener(new OnClickListener() Override public void onClick(View v) / TODO Auto-generated method stub /*聲明字符串變量并取得用戶輸入的EditText字符串*/ Editable Str; Str=mEd

22、itText.getText(); /*使用系統(tǒng)標(biāo)準(zhǔn)的 makeText()方式來產(chǎn)生Toast信息*/ Toast.makeText( EX04_03.this, 你的愿望 +Str.toString()+已送達(dá)耶誕老人信箱, Toast.LENGTH_LONG).show(); /*清空EditText*/ mEditText.setText(); ); 擴(kuò)展學(xué)習(xí)Toast顯示后會(huì)在一定時(shí)間內(nèi)消失，在Toast構(gòu)造參數(shù)中的第二個(gè)參數(shù)為顯示的時(shí)間常數(shù)，可設(shè)置為L(zhǎng)ENGTH_LONG或LENGTH_SHORT，前者提示時(shí)間較長(zhǎng)，后者較短，作為傳遞makeText() 方法的參數(shù)使用。當(dāng)然，你也

23、可以使用重寫Toast對(duì)象的方法，自定義Toast顯示的Layout，以不同于系統(tǒng)內(nèi)置的方式顯示客制化的Toast對(duì)象，如要在Toast里顯示圖片（Drawable），方式如下：Toast mToast01 = new Toast(this); ImageView mView01 = new ImageView(this);mView01.setImageResource(R.drawable.icon);mToast01.setView(mView01);mToast01.show();或顯示自定義的Layout Widget（如TextView），則寫法如下：Toast mToast01

24、= new Toast(this); TextView mView01=new TextView(this);mView01.setText(ToastWords);mToast01.setView(mView01);mToast01.show();或者通過AlertDialog.Builder來創(chuàng)建類似Toast的信息對(duì)象，讀者可以實(shí)現(xiàn)看看，比較兩者有何不同：AlertDialog mADialog01 =new AlertDialog.Builder(this) mADialog01.setTitle(Android 提示);mADialog01.setMessage(this is a

25、message);mADialog01.show();CheckBox所有的網(wǎng)絡(luò)服務(wù)在User使用之前，都需要簽署同意條款，在手機(jī)應(yīng)用程序、手機(jī)游戲的設(shè)計(jì)經(jīng)驗(yàn)中，?？匆奀heckBox在同意條款情境的使用，其選取的狀態(tài)有兩種isChecked=true與isChecked=false。以下范例將設(shè)計(jì)一個(gè)TextView放入條款文字，在下方配置一個(gè)CheckBox Widget作為選取項(xiàng)，通過Button.onClickListener按鈕事件處理，取得User同意條款的狀態(tài)。當(dāng)CheckBox.isChecked為true，更改TextView的文字內(nèi)容為“你已接受同意!！”，當(dāng)未選取Chec

26、kBox時(shí)，Button是不可以選擇的（被Disabled）。運(yùn)行結(jié)果圖4-4 未勾選“我同意”時(shí)，“確定”按鈕是不可以按的范例程序src/irdc.ex04_04/EX04_04.java利用CheckBox.OnClickListener里的事件來判斷Button該不該顯示，其方法就是判斷Button.Enabled的值；在一開始時(shí)，默認(rèn)參數(shù)為false，當(dāng)有點(diǎn)擊CheckBox時(shí)，Button參數(shù)就修改為true。package irdc.ex04_04;import android.app.Activity;import android.os.Bundle;import android

27、.view.View;import android.widget.Button;import android.widget.CheckBox;import android.widget.TextView;public class EX04_04 extends Activity /* Called when the activity is first created. */ /*聲明 TextView、CheckBox、Button對(duì)象*/ public TextView myTextView1; public TextView myTextView2; public CheckBox myC

28、heckBox; public Button myButton; Override public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main); /*取得TextView、CheckBox、Button*/ myTextView1 = (TextView) findViewById(R.id.myTextView1); myTextView2 = (TextView) findViewById(R.id.myTextView2)

29、; myCheckBox = (CheckBox) findViewById(R.id.myCheckBox); myButton = (Button) findViewById(R.id.myButton); /*將CheckBox、Button默認(rèn)為未選擇狀態(tài)*/ myCheckBox.setChecked(false); myButton.setEnabled(false); myCheckBox.setOnClickListener(new CheckBox.OnClickListener() Override public void onClick(View v) / TODO Au

30、to-generated method stub if(myCheckBox.isChecked() /*設(shè)置Button為不能選擇對(duì)象*/ myButton.setEnabled(true); myTextView2.setText(); else /*設(shè)置Button為可以選擇對(duì)象*/ myButton.setEnabled(false); myTextView1.setText(R.string.text1); /*在TextView2里顯示出請(qǐng)勾選我同意*/ myTextView2.setText(R.string.no); ); myButton.setOnClickListener

31、(new Button.OnClickListener() Override public void onClick(View v) / TODO Auto-generated method stub if(myCheckBox.isChecked() myTextView1.setText(R.string.ok); else ); 擴(kuò)展學(xué)習(xí)CheckBox 在默認(rèn)內(nèi)容為空白時(shí)（沒有任何默認(rèn)的提示文字下），可設(shè)置提示User的文字，其調(diào)用的方法為CheckBox.setHint() 方法；在擴(kuò)展學(xué)習(xí)的范例練習(xí)，是抓取R.string.hello這個(gè)字符串常數(shù)，其與默認(rèn)CheckBox文字的結(jié)

32、果是相同的，試試看：myTextView1 = (TextView) findViewById(R.id.myTextView1);myTextView2 = (TextView) findViewById(R.id.myTextView2);myCheckBox = (CheckBox) findViewById(R.id.myCheckBox);myButton = (Button) findViewById(R.id.myButton);myCheckBox.setChecked(false);/*利用setHIT抓取strings里面的值*/CharSequence hint = ge

33、tString(R.string.hello);myCheckBox.setHint(hint);/*設(shè)置文字顏色*/myCheckBox.setHintTextColor(Color.RED);CheckBox.setOnCheckedChangeListener你使用消費(fèi)券了嗎？消費(fèi)券只有3600元，但是想要 買的東西卻是無窮多（）。這個(gè)范例程序要示范的是CheckBox.setOnCheckedChangeListener，在程序中設(shè)計(jì)三個(gè) CheckBox核取項(xiàng)，分別表示三種物品列表，當(dāng)User勾選其中一個(gè)物品，就在TextView里顯示已選擇的物品列表。程序的關(guān)鍵在同時(shí)聆聽三個(gè)Che

34、ckBox.OnCheckedChangeListener的狀態(tài)，并在CheckBox.onChecked() 方法中，重組所有被勾選的物品文字。運(yùn)行結(jié)果圖4-5 勾選不同的CheckBox，該CheckBox的文字會(huì)在TextView中顯示出來范例程序src/irdc.ex04_05/EX04_05.java主程序的重點(diǎn)在于構(gòu)造三個(gè)CheckBox的對(duì)象，以及一個(gè)TextView對(duì)象，并通過setOnCheckedChangeListener實(shí)現(xiàn)onCheckedChanged() 方法來更新TextView文字。package irdc.EX04_05;import android.app

35、.Activity;import android.os.Bundle;import android.widget.CheckBox;import android.widget.CompoundButton;import android.widget.TextView;public class EX04_05 extends Activity /*聲明對(duì)象變量*/ private TextView mTextView1; private CheckBox mCheckBox1; private CheckBox mCheckBox2; private CheckBox mCheckBox3; /

36、* Called when the activity is first created. */ Override public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main); /*通過findViewById取得TextView對(duì)象并調(diào)整文字內(nèi)容*/ mTextView1 = (TextView) findViewById(R.id.myTextView1); mTextView1.setText(你所選擇的項(xiàng)目有: ); /*

37、通過findViewById取得三個(gè)CheckBox對(duì)象*/ mCheckBox1=(CheckBox)findViewById(R.id.myCheckBox1); mCheckBox2=(CheckBox)findViewById(R.id.myCheckBox2); mCheckBox3=(CheckBox)findViewById(R.id.myCheckBox3); /*設(shè)置OnCheckedChangeListener給三個(gè)CheckBox對(duì)象*/ mCheckBox1.setOnCheckedChangeListener(mCheckBoxChanged); mCheckBox2

38、.setOnCheckedChangeListener(mCheckBoxChanged); mCheckBox3.setOnCheckedChangeListener(mCheckBoxChanged); /*聲明并構(gòu)造onCheckedChangeListener對(duì)象*/ private CheckBox.OnCheckedChangeListener mCheckBoxChanged = new CheckBox.OnCheckedChangeListener() /*implement onCheckedChanged方法*/ Override public void onChecke

39、dChanged(CompoundButton buttonView, boolean isChecked) / TODO Auto-generated method stub /*通過getString()取得CheckBox的文字字符串*/ String str0=所選的項(xiàng)目為: ; String str1=getString(R.string.str_checkbox1); String str2=getString(R.string.str_checkbox2); String str3=getString(R.string.str_checkbox3); String plus=;

40、String result=但是超過預(yù)算啰!; String result2=還可以再多買幾本喔!; /*任一CheckBox被勾選后,該CheckBox的文字會(huì)改變TextView的文字內(nèi)容 * 三個(gè)對(duì)象總共八種情境*/ if(mCheckBox1.isChecked()=true & mCheckBox2.isChecked()=true & mCheckBox3.isChecked()=true) mTextView1.setText(str0+str1+plus+str2+plus+str3+result); else if(mCheckBox1.isChecked()=false &

41、 mCheckBox2.isChecked()=true & mCheckBox3.isChecked()=true) mTextView1.setText(str0+str2+plus+str3+result); else if(mCheckBox1.isChecked()=true & mCheckBox2.isChecked()=false & mCheckBox3.isChecked()=true) mTextView1.setText(str0+str1+plus+str3+result); else if(mCheckBox1.isChecked()=true & mCheckBo

42、x2.isChecked()=true & mCheckBox3.isChecked()=false) mTextView1.setText(str0+str1+plus+str2+result); else if(mCheckBox1.isChecked()=false & mCheckBox2.isChecked()=false & mCheckBox3.isChecked()=true) mTextView1.setText(str0+str3+plus+result2); else if(mCheckBox1.isChecked()=false & mCheckBox2.isCheck

43、ed()=true & mCheckBox3.isChecked()=false) mTextView1.setText(str0+str2); else if(mCheckBox1.isChecked()=true & mCheckBox2.isChecked()=false & mCheckBox3.isChecked()=false) mTextView1.setText(str0+str1); else if(mCheckBox1.isChecked()=false & mCheckBox2.isChecked()=false & mCheckBox3.isChecked()=fals

44、e) mTextView1.setText(str0); ;擴(kuò)展學(xué)習(xí)讀者可以將OnCheckedChangeListener改為OnTouchListener（屏幕觸控事件），方法如下：private CheckBox.OnTouchListener mCheckBoxTouch =new CheckBox.OnTouchListener() Override public boolean onTouch(View v, MotionEvent event) / TODO Auto-generated method stub /* 判斷在觸控筆指壓此控件時(shí)的狀態(tài) */ if(mCheckBox

45、1.isChecked()=false) /*當(dāng)觸控筆放開后的動(dòng)作*/ else if(mCheckBox1.isChecked()=true) /*當(dāng)觸控筆壓下后的動(dòng)作*/ return false; ;請(qǐng)?jiān)囍容^OnCheckedChangeListener與OnTouchListener在使用上的差異。RadioGroup接下來要介紹的是RadioGroup的組事件。 RadioGroup可將各自不同的RadioButton設(shè)限于同一個(gè)Radio按鈕組，同屬一個(gè)RadioGroup組里的按鈕，只能做出單一選擇 （單選題），雖然前一章曾經(jīng)介紹過RadioGroup與RadioButton，

46、但當(dāng)時(shí)使用的是Button事件，在此要示范“點(diǎn)擊”的同時(shí)就運(yùn)行事件 處理，不再需要按鈕（Button）的輔助了。先設(shè)計(jì)一個(gè)TextView Widget，以及一個(gè)RadioGroup，并于該RadioGroup內(nèi)放置兩個(gè)RadioButton，默認(rèn)為都不選擇，在程序運(yùn)行階段，利用 onCheckedChanged作為啟動(dòng)事件裝置，讓User選擇其中一個(gè)按鈕時(shí)，顯示被選擇的內(nèi)容，最后將RadioButton的選項(xiàng)文字顯示于 TextView當(dāng)中。運(yùn)行結(jié)果圖4-6 點(diǎn)擊帥哥或美女按鈕的同時(shí)，會(huì)立即顯示事件結(jié)果范例程序src/irdc.ex04_06/EX04_06.java利用OnCheckedC

47、hangeListener來啟動(dòng)RadioGroup的事件，隨后將被勾選的RadioButton（mRadio1.getText()）的文字顯示于TextView。package irdc.ex04_06;import android.app.Activity;import android.os.Bundle;import android.widget.RadioButton;import android.widget.RadioGroup;import android.widget.TextView;public class EX04_06 extends Activity public T

48、extView mTextView1; public RadioGroup mRadioGroup1; public RadioButton mRadio1,mRadio2; /* Called when the activity is first created. */ Override public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState); setContentView(R.layout.main); /*取得 TextView、RadioGroup、RadioButton對(duì)象*/ mTextView1 = (TextView) findViewById(R.id.myTextView); mRadioGroup1 = (RadioGroup) findViewById(R.id.myRadioGroup); mRadio1 = (RadioButton) findViewById(R.id.myRadioButton