基于移動機器人的嵌入式開發(fā) 課件 13-Android常用控件

北京工業(yè)職業(yè)技術(shù)學(xué)院嵌入式系統(tǒng)應(yīng)用主講：

XXX老師Android常用控件學(xué)習(xí)目標(biāo)掌握了解熟悉嵌入式車型機器人用到的功能控件編寫控件代碼13Android常用控件的類型控件的基本語法格式2常用控件的使用方法主講內(nèi)容主講內(nèi)容Speechcontent13.2編輯文本框13.3按鈕13.1文本框在Andriod中，文本框使用TextView表示，用于在屏幕上顯示文本。Android中的文本框組件可以顯示單行文本，也可以顯示多行文本，還可以顯示帶圖像的文本。在Android中，可以使用兩種方法向屏幕中添加文本框：一種是通過在XML布局文件中使用<TextView>標(biāo)記添加；另一種是在Java文件中通過new關(guān)鍵字創(chuàng)建。文本框通過<TextView>標(biāo)記在XML布局文件中添加文本框，其基本的語法格式如下：<TextView

屬性列表></TextView>文本框TextView支持的常用XML屬性如下所示。android:autoLink：用于指定是否將指定格式的文本轉(zhuǎn)換為可單擊的超鏈接形式，其屬性值有none、web、email、phone、map和all。android:drawableBottom：用于在文本框內(nèi)文本的底端繪制指定圖像，該圖像可以是放在res→drawable文件夾下的圖片，通過“@drawable/文件名（不包括文件的擴展名）”設(shè)置。文本框android:drawableLeft：用于在文本框內(nèi)文本的左側(cè)繪制指定圖像，該圖像可以是放在res→drawable文件夾下的圖片，通過“@drawable/文件名（不包括文件的擴展名）”設(shè)置。android:drawableRight：用于在文本框內(nèi)文本的右側(cè)繪制指定圖像。android:drawableTop：用于在文本框內(nèi)文本的頂端繪制指定圖像。android:gravity：用于設(shè)置文本框內(nèi)文本的對齊方式。android:hint：用于設(shè)置當(dāng)文本框中文本內(nèi)容為空時，默認顯示的提示文本。文本框android:inputType：用于指定當(dāng)前文本框顯示內(nèi)容的文本類型。android:singleLine：用于指定該文本框是否為單行模式。android:text：用于指定該文本中顯示的文本內(nèi)容。android:textColor：用于設(shè)置文本框內(nèi)文本的顏色。android:textSize：用于設(shè)置文本框內(nèi)文本的字體大小。android:width：用于指定文本的寬度，以像素為單位。android:height：用于指定文本的高度，以像素為單位。文本框?qū)嵗?：實現(xiàn)為文本框中的E-mail地址添加超鏈接、顯示帶圖像的文本、顯示不同顏色的單行文本和多行文本。（1）修改新建項目的res→layout文件夾下的布局文件。刪除默認內(nèi)容，添加一個線性布局管理器，并為默認添加的TextView組件設(shè)置高度，對其中的E-mail格式的文本設(shè)置超鏈接，具體代碼如下：文本框<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">文本框<TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="bkrcl015@163.com"android:autoLink="email"android:height="50px"/></LinearLayout>文本框（2）在默認添加的TextView組件后面添加一個TextView組件，設(shè)置該組件顯示帶圖像的文本，具體代碼如下：<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="帶圖像的TextView"android:drawableTop="@drawable/ic_launcher"/>文本框（3）顯示多行文本（默認的），顯示單行文本。<TextViewandroid:textColor="#0F0"android:textSize="20px"android:text="多行文本，在很久很久以前，有一位老人他帶給我們一個蘋果"android:layout_width="300px"android:layout_width="wrap_content"android:layout_height="wrap_content"/>文本框

<TextViewandroid:textColor="#F00"android:textSize="20px"android:text="單行文本：在很久很久以前，有一位老人他帶給我們一個蘋果"android:width="300px"android:singleLine="true"android:layout_width="wrap_content"android:layout_height="wrap_content"/>文本框在模擬器上運行以后，結(jié)果如圖13.1所示。文本框主講內(nèi)容主講內(nèi)容Speechcontent13.1文本框13.3按鈕13.2編輯文本框在Android中，編輯框使用EditText表示，用于在屏幕上顯示文本輸入框。Android中的編輯框組件可以輸入單行文本，也可以輸入多行文本，還可以輸入指定格式的文本（如密碼、電話號碼、E-mail地址等）。通過<EditText>標(biāo)記在XML布局文件中添加編輯框，其基本的語法格式如下：<EditText

屬性列表></EditText>編輯文本框由于EditText類是TextView類的子類，所以TextView類的屬性同樣適用于EditText組件。需要特別注意的是，在EditText組件中，android:inputType屬性可以幫助輸入框顯示合適的類型。例如，要添加一個密碼框，可以將android:inputType屬性設(shè)置為textPassword。編輯文本框在屏幕中添加編輯框后，還需要獲取編輯框中輸入的內(nèi)容，這可以通過編輯框組件提供的getText()方法實現(xiàn)。使用該方法時，先要獲取到編輯框組件，然后再調(diào)用getText()方法。例如，要獲取布局文件中添加的id屬性為login的編輯框的內(nèi)容，可以通過以下代碼實現(xiàn)。EditTextlogin=(EditText)findViewById(R.id.login);StringloginText=login.getText().toString();編輯文本框例2：實現(xiàn)會員注冊界面。（1）修改新建項目的res→layout文件夾下的布局文件。刪除默認內(nèi)容，添加表格布局管理器。在該布局管理器中添加4個TableRow表格行，并為該表格布局管理器設(shè)置背景。具體代碼如下：<TableLayoutxmlns:android="/apk/res/android"android:id="@+id/layout"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#FF000000">編輯文本框<!--第一個表格行--><TableRowandroid:id="@+id/tableRow1"android:layout_width="wrap_content"android:layout_height="wrap_content">

</TableRow>編輯文本框

<!--第二個表格行--><TableRowandroid:id="@+id/tableRow2"android:layout_width="wrap_content"android:layout_height="wrap_content">

</TableRow>編輯文本框

<!--第三個表格行--><TableRowandroid:id="@+id/tableRow3"android:layout_width="wrap_content"android:layout_height="wrap_content">

</TableRow>編輯文本框<!--第四個表格行--><TableRowandroid:id="@+id/tableRow4"android:layout_width="wrap_content"android:layout_height="wrap_content">

</TableRow></TableLayout>編輯文本框（2）在表格第一行，添加一個用于顯示提示信息的文本框和一個輸入會員昵稱的單行編輯框，并為該單行編輯框設(shè)置提示文本。具體代碼如下：<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="會員昵稱"android:height="50px"/>編輯文本框<EditTextandroid:id="@+id/nickname"android:hint="請輸入會員昵稱"android:layout_width="300px"android:layout_height="wrap_content"android:inputType="textPersonName"android:singleLine="true"/>編輯文本框

（3）在表格的第二行，添加用于顯示提示信息的文本框和一個輸入密碼的密碼框。具體代碼如下：

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="輸入密碼"android:height="50px"/>

<EditTextandroid:id="@+id/pwd"android:layout_width="300px"android:inputType="textPassword"android:layout_height="wrap_content"/>編輯文本框

（4）在表格的第三行，添加一個確認密碼框。具體代碼如下：

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="確認密碼"android:height="50px"/><EditTextandroid:id="@+id/queren"android:layout_width="300px"android:layout_height="wrap_content"android:inputType="textPassword"/>編輯文本框

（5）在表格的第四行，添加用于顯示提示信息的文本框和一個輸入E-mail地址的編輯框。具體代碼如下：

<TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="E-mail"android:height="50px"/><EditTextandroid:id="@+id/email"android:layout_width="300px"android:layout_height="wrap_content"android:inputType="textEmailAddress"/>編輯文本框

（6）添加一個水平線性布局管理器，并在該布局管理器中添加兩個按鈕。具體代碼如下：

<LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal">

<Buttonandroid:text="注冊"android:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/button1"/>編輯文本框<Buttonandroid:text="重置"android:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/button2"/></LinearLayout>編輯文本框<Buttonandroid:text="重置"android:layout_width="wrap_content"android:layout_height="wrap_content"android:id="@+id/button2"/></LinearLayout>（7）在主活動onCreate()方法中，為“注冊”按鈕添加單擊事件監(jiān)聽器，用于在用戶單擊“注冊”按鈕后查看日志，查看輸入的內(nèi)容。具體代碼如下：編輯文本框publicclassMainActivityextendsActivity{ @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Buttonbutton1=(Button)findViewById(R.id.button1); button1.setOnClickListener(newOnClickListener(){

編輯文本框@Override publicvoidonClick(Viewv){ //獲取會員昵稱編輯框組件

EditTextnicknameET=(EditText)findViewById(R.id.nickname); //獲取輸入的會員昵稱

Stringnickname=nicknameET.getText().toString(); //獲取密碼編輯框組件

EditTextpwdET=(EditText)findViewById(R.id.pwd); //獲取輸入的密碼

編輯文本框Stringpwd=pwdET.getText().toString(); //獲取E-mail編輯框組件

EditTextemailET=(EditText)findViewById(R.id.email); //獲取輸入E-mail的地址

Stringemail=emailET.getText().toString(); } }); }}

編輯文本框在模擬器上運行以后，結(jié)果顯示如圖13.2所示。

編輯文本框主講內(nèi)容主講內(nèi)容Speechcontent13.1編輯文本框13.2文本框13.3按鈕在Android中，普通按鈕其基本的語法格式如下：<Buttonandroid:text=”顯示文本”android:id=”@+id/button1”android:layout_width=”wrap_content”android:layout_height=”wrap_content”></Button>按鈕在屏幕上添加按鈕后，還需要為按鈕添加單擊事件監(jiān)聽器，才能讓按鈕發(fā)揮其特有的用途。Android中提供了兩種為按鈕添加單擊事件監(jiān)聽器的方法。一種是在Java代碼中完成，例如，在Activity的onCreate()方法中完成。具體代碼如下：按鈕importandroid.view.View.OnClickListener;Importandroid.widget.Button;//通過ID獲取布局文件中添加的按鈕Buttonlogin=(Button)findViewById(R.id.login);//為按鈕添加單擊事件監(jiān)聽器login.setOnClickListener(newOnClickListener(){@OverridepublicvoidonClick(Viewv){//編寫要執(zhí)行的動作代碼

}});按鈕

另一種是在Activity中編寫一個包含View類型參數(shù)的方法，并且將要觸發(fā)的動作代碼放在該方法中，然后在布局文件中通過android:onClick屬性指定對應(yīng)的方法名實現(xiàn)。例如，在Activity中編寫一個名為myClick()的方法，關(guān)鍵代碼如下：publicvoidmyClick(Viewview){//編寫要執(zhí)行的動作代碼}按鈕在Android中，圖片按鈕與普通按鈕的使用方法是基本相同的，只不過圖片按鈕使用<ImageButton>標(biāo)記定義，并且可以為其指定android:src屬性，用于設(shè)置要顯示的圖片。在布局文件中添加圖像按鈕的基本語法格式如下：<ImageButtonandroid:id=”@+id/imageButton1”android:src=”@drawable/圖片文件名稱”android:background=”#000”android:layout_width=”wrap_content”android:layout_height=”wrap_content”></ImageButton>按鈕例3：實現(xiàn)添加普通按鈕和圖片按鈕，并為其設(shè)置單擊事件監(jiān)聽器。（1）修改新建項目下的布局文件，刪除布局文件中的默認內(nèi)容，添加水平線性布局管理器，在該布局管理器中添加一個普通按鈕（id屬性為login）和一個圖片按鈕，并為圖片按鈕設(shè)置android:src屬性、android:background屬性和android:onClick屬性。具體代碼如下：按鈕<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/login"android:layout_w