6.Android基本組件之常用widget組件介紹(按鈕,TextView,EditView)

6Android基本組件之常用widget組件介紹(按鈕，TextView,EditView)學(xué)習(xí)目標(biāo)★掌握Android中常用的widget組件★應(yīng)用widget組件制作自己的UI應(yīng)用★按鈕★TextView★EditView什么是widget組件？

Android中提供了一個叫widget的包，其中包含各種UI元素（大部分是可見的）在應(yīng)用程序的屏幕中使用，如按鈕、列表框、進(jìn)度條、圖片顯示等，在進(jìn)行Android編程前，大家都應(yīng)該對這類組件有個大致的了解，知道每個組件的樣式、使用的場景及使用的方法。

這里，運(yùn)用一個實(shí)例來講解Android中比較常用的組件，使大家對這部分內(nèi)容有個非常只管的學(xué)習(xí)。創(chuàng)建widget組件實(shí)例開寫前的準(zhǔn)備：在Eclipse中創(chuàng)建一個新項目，名字為mouse_widget.創(chuàng)建方法參見前面章節(jié)。在創(chuàng)建mouse_widget時，創(chuàng)建了一個MainActivity,這是應(yīng)用程序的入口，打開其對應(yīng)的文件mouse_widget.java，可以看到其對應(yīng)的onCreate方法：

public

voidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);setContentView(R.layout.main);}按鈕（Button）介紹與應(yīng)用Button按鈕在整個組件中的地位非常特殊，其一般情況下扮演“終結(jié)者”的角色。我們這里在項目的主界面上放置一個按鈕。代碼如下：<?xml

version="1.0"

encoding="utf-8"?><LinearLayout

xmlns:android=""

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

><Button--注意這里Button,首字母一定要大寫！

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="我是按鈕"

/></LinearLayout>響應(yīng)單擊按鈕單擊響應(yīng)代碼如下：

find_and_modify_button();//在onCreate中調(diào)該函數(shù)。

private

voidfind_and_modify_button(){Buttonbutton=(Button)findViewById(R.id.button);button.setOnClickListener(button_listener);}//響應(yīng)單擊事件，使用setOnClickListener()方法設(shè)定其被單擊的監(jiān)聽器為button_listener

privateButton.OnClickListenerbutton_listener=newButton.OnClickListener(){public

voidonClick(Viewv){setTitle(“點(diǎn)什么點(diǎn)！我是按鈕”);//響應(yīng)后顯示事件將標(biāo)題修改為…}};//聲明這個button_listener文本框（TextView）介紹和應(yīng)用接著上面創(chuàng)建的實(shí)例，在main.xml中再添加一個按鈕，當(dāng)點(diǎn)擊該按鈕的時候，顯示我們要講解的TextView的界面。實(shí)現(xiàn)代碼如下：<Button

android:id="@+id/text_view_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="哥顯示的是文本框"

/>這里定義一個id為“text_view_button”

的按鈕，并設(shè)定大小和顯示內(nèi)容。然后我們回到mouse_widget.java中添加對這個按鈕的單擊動作的監(jiān)聽和響應(yīng)。當(dāng)發(fā)生單擊事件的時候，將打開TextView的演示界面，首先在find_and_modify_button方法中添加獲取text_view_button按鈕的代碼：文本框（TextView）介紹和應(yīng)用Buttontext_view_button=(Button)findViewById(R.id.text_view_button);text_view_button.setOnClickListener(text_view_button_listener);這里設(shè)置其監(jiān)聽器是text_view_button_listener，在單擊的時候，需要打開新的界面，核心代碼如下：privateButton.OnClickListenertext_view_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(mouse_widget.this,ViewTextActivity.class);startActivity(intent);}};文本框（TextView）介紹和應(yīng)用由上面的代碼可以看出，當(dāng)單擊該按鈕的時候，首先創(chuàng)建一個Intent，然后調(diào)用其setClass方法設(shè)定其需要跳轉(zhuǎn)的Activity，這里也就是ViewTextActivity，然后需要修改一下其onCreate方法，讓其綁定到指定的摸板上，實(shí)現(xiàn)代碼如下：

public

voidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);setTitle("哥就是傳說中的TextView...");setContentView(R.layout.textview);

//find_and_modify_text_view();//這里是后面改變文字添加的代碼}

TextActivity的布局摸板關(guān)聯(lián)到一個新建的textview.xml上。新建的Textview.xml代碼如下：（這里名字只能用小寫）文本框（TextView）介紹和應(yīng)用<?xml

version="1.0"

encoding="utf-8"?><LinearLayout

xmlns:android=""

android:layout_width="wrap_content"

android:layout_height="wrap_content">

<TextView

android:id="@+id/text_view"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:textSize="20sp"

android:textColor="#dd0000"

android:padding="10dip"

android:background="#ffffff"

android:text="哥就是傳說中的TextView..."

/></LinearLayout>文本框（TextView）介紹和應(yīng)用上面代碼中已經(jīng)加了一個TextView組件進(jìn)去，并設(shè)定一些屬性：android:id這個組件的唯一標(biāo)識android:textSize設(shè)定字體大小android:textColor設(shè)定字體顏色android:padding設(shè)定組件周圍空隙大小android:background設(shè)定其背景顏色android:text這里輸入需要顯示的文字信息完整這些工作后，還有項不可或缺的工作，將ViewTextActivity添加到AndroidManifest.xml文件中，將如下代碼添加到<application>域內(nèi)實(shí)現(xiàn)：<activity

android:name="ViewTextActivity"></activity>文本框（TextView）介紹和應(yīng)用TextView一般使用在需要顯示一些信息的時候，其不能輸入，只能初始設(shè)定或者在程序中修改，如果需要在程序中動態(tài)的修改這個值，那么就需要使用其android:id的值，下面添加以下代碼來實(shí)現(xiàn)：private

voidfind_and_modify_text_view(){TextViewtext_view=(TextView)findViewById(R.id.text_view);CharSequencetext_view_old=text_view.getText();text_view.setText("修改前是："+text_view_old+"\n\n\n\n修改為:TextView的值也是可以動態(tài)修改的.");先使用findViewById將放在main.xml中的那個Textview找出來，然后調(diào)用其自身的getText方法將其原來的值取出來保存為text_view_old，然后使用setText修改其自身的值。效果圖如下：文本框（TextView）演示效果圖未修改前的效果圖修改后的效果圖編輯框（EditText）介紹與應(yīng)用

EditText從名字看，我們就能知道它是編輯框，同樣先在main.xml中添加一個按鈕，并設(shè)定其監(jiān)聽器在接收到單擊事件時，程序打開展示EditText的界面。首先是main.xml中添加的代碼：<Button

android:id="@+id/edit_view_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="哥顯示的是編輯框"

/>

定義了一個id為“edit_view_button”

的按鈕，并設(shè)定其顯示文字為“哥顯示的是編輯框”。編輯框（EditText）介紹與應(yīng)用監(jiān)聽器響應(yīng)代碼如下：privateButton.OnClickListeneredit_view_button_listener=newButton.OnClickListener(){public

voidonClick(Viewv){Intentintent=newIntent();intent.setClass(mouse_widget.this,EditTextActivity.class);startActivity(intent);}};//edit和前面的TEXT一樣響應(yīng)單擊按鍵的時候，這里創(chuàng)建的Intent將要跳轉(zhuǎn)到下一個Activity，即EditTextActivity上，所以其onCreate實(shí)現(xiàn)方法如下代碼所示：編輯框（EditText）介紹與應(yīng)用public

classEditTextActivityextendsActivity{/**Calledwhentheactivityisfirstcreated.*/

@Override

public

voidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);setTitle("哥就是現(xiàn)實(shí)里的EditView...");setContentView(R.layout.editview);//find_and_modify_text_view();//為后面在TEXT中顯示做準(zhǔn)備的代碼}}這里對應(yīng)的R.layout.editview就是我們要新建的editview.xml,需要在里面添加一個EditText的組件，添加代碼如下：編輯框（EditText）介紹與應(yīng)用<EditText

android:id="@+id/edit_text"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:textSize="20sp"

android:textColor="#dd0000"

android:text="你想寫什么..."

/>和前面的TextView代碼差不多，區(qū)別是這里定義的是一個EditView。這個EditText可以讓用戶輸入文字。通過getText獲取用戶輸入的值。下面我們在edittext.xml中添加一個按鈕和一個text輸出框，點(diǎn)擊按鈕，把用戶輸入到編輯框中的文字顯示在Text框中。代碼如下：

首先在edittext.xml中添加按鈕和TextView:編輯框（EditText）介紹與應(yīng)用<Button

android:id="@+id/get_edit_view_button"

android:layout_width="wrap_content"android:layout_height="wrap_content"

android:text="獲取文本框里的值"

/><TextView

android:id="@+id/edit_text_view"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:textSize="20sp"

android:textColor="#dd0000"

android:padding="10dip"

android:background="#ffffff"

android:text=""

/>然后完善其響應(yīng)代碼：編輯框（EditText）介紹與應(yīng)用private

voidfind_and_modify_text_view()