《Android實(shí)戰(zhàn)基礎(chǔ)教程》課件第三章

目錄3.1控件概述3.2常用控件

三、

基本控件三、基本控件

Android界面控件分為定制控件和系統(tǒng)控件：(1)定制控件是指用戶獨(dú)立或者通過繼承并修改View而產(chǎn)生的新控件，它能夠?yàn)橛脩籼峁┨厥獾墓δ芎团c眾不同的顯示方式。(2)系統(tǒng)控件是Android系統(tǒng)提供給用戶的已經(jīng)封裝的界面控件，包括應(yīng)用程序開發(fā)過程中常用的功能控件。系統(tǒng)控件可以幫助用戶進(jìn)行快速的開發(fā)，并能夠使Android系統(tǒng)應(yīng)用程序的界面保持一致。3.1控件概述三、基本控件3.2常用控件3.2.1TextViewTextView是一種最簡(jiǎn)單的文本控件，它具有如表3.1所示的常用屬性。屬性名稱說(shuō)

明android:layout_widthTextView控件邊框包圍的內(nèi)容有wrap_content，match_parent，fill_parentandroid:layout_heightTextView控件邊框包圍的內(nèi)容有wrap_content，match_parent，fill_parentandroid:idTextView的idandroid:text文本的內(nèi)容android:textSize文本的字號(hào)android:gravity文本的顯示位置android:ellipsize內(nèi)容的省略顯示方式android:textStyle文本的字體android:autoLink鏈接類型表3.1TextView控件屬性三、基本控件TextView的用法：

創(chuàng)建一個(gè)Android項(xiàng)目MyAndroid來(lái)完成登錄界面的布局。在activity_main.xml里添加兩個(gè)TextView控件——用戶名和密碼，代碼如下所示：activity_main.xml文件：<RelativeLayoutxmlns:android=http:///apk/res/android xmlns:tools="/tools" android:layout_width="match_parent" android:layout_height="match_parent">三、基本控件<!—設(shè)置用戶名布局--><TextView android:id="@+id/lblName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" android:textSize="20sp" android:layout_marginTop="8dp" android:text="用戶名："/>三、基本控件<!—設(shè)置密碼布局--><TextView android:id="@+id/lblPwd" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/lblName" android:textSize="20sp" android:layout_marginTop="8dp" android:text="密

碼："/></RelativeLayout>三、基本控件MainActivity.java文件：

publicclassMainActivityextendsActivity{

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}}三、基本控件

啟動(dòng)模擬器，運(yùn)行結(jié)果如圖3.1所示。圖3.1三、基本控件3.2.2EditText

EditText是一種簡(jiǎn)單的編輯框，是用來(lái)輸入和編輯字符串的控件，是一種具有編輯功能的TextView。EditText是接受用戶輸入信息的最重要的控件。三、基本控件屬

性說(shuō)

明android:lines通過設(shè)置固定的行數(shù)來(lái)決定EditText控制的高度android:maxLines設(shè)置最大行數(shù)android:minLines設(shè)置最小行數(shù)android:password設(shè)置文本框中的內(nèi)容是否顯示密碼android:phoneNumber設(shè)置文本框中的內(nèi)容只能是電話號(hào)碼android:numeric如果設(shè)置，則輸入的內(nèi)容只能是數(shù)字android:maxLength設(shè)置最大的顯示長(zhǎng)度android:singleLine是否在一行內(nèi)顯示全部?jī)?nèi)容android:inputType設(shè)置文本框中的內(nèi)容是密碼類型android:background設(shè)置背景android:hint文本為空時(shí)顯示提示信息屬

性說(shuō)

明android:lines通過設(shè)置固定的行數(shù)來(lái)決定EditText控制的高度android:maxLines設(shè)置最大行數(shù)android:minLines設(shè)置最小行數(shù)android:password設(shè)置文本框中的內(nèi)容是否顯示密碼android:phoneNumber設(shè)置文本框中的內(nèi)容只能是電話號(hào)碼android:numeric如果設(shè)置，則輸入的內(nèi)容只能是數(shù)字android:maxLength設(shè)置最大的顯示長(zhǎng)度android:singleLine是否在一行內(nèi)顯示全部?jī)?nèi)容android:inputType設(shè)置文本框中的內(nèi)容是密碼類型android:background設(shè)置背景android:hint文本為空時(shí)顯示提示信息表3.2EditText控件屬性三、基本控件示例：為用戶名和密碼分別添加編輯框。分別在上節(jié)兩個(gè)TextView下添加EditText的代碼：<EditText android:id="@+id/txtName" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_toRightOf="@+id/lblName" android:layout_alignBottom="@+id/lblName" android:textSize="20sp" android:hint="請(qǐng)輸入用戶名"/>三、基本控件<EditText android:id="@+id/txtPwd" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_toRightOf="@+id/lblPwd" android:layout_alignBottom="@+id/lblPwd" android:layout_alignRight="@+id/txtName" android:inputType="textPassword" android:textSize="20sp" android:numeric="integer" android:hint="請(qǐng)輸入密碼"/>三、基本控件

啟動(dòng)模擬器，運(yùn)行項(xiàng)目后，輸入用戶名和密碼，效果如圖3.2所示：圖3.2三、基本控件

3.2.3Button

Button控件是一種簡(jiǎn)單的按鈕，是TextView控件的子類，具有TextView的所有屬性。用戶可以通過點(diǎn)擊按鈕來(lái)觸發(fā)一系列事件，然后為Button控件注冊(cè)監(jiān)聽，以實(shí)現(xiàn)Button控件的監(jiān)聽事件。

為Button控件注冊(cè)監(jiān)聽常用的方法有兩種：(1)在布局文件中為Button控件設(shè)置OnClick屬性，然后在代碼中添加一個(gè)對(duì)應(yīng)的監(jiān)聽方法。(2)在代碼中綁定匿名監(jiān)聽器并重寫onClick()方法。三、基本控件示例：添加兩個(gè)按鈕“登錄”和“取消”，并為兩個(gè)按鈕注冊(cè)監(jiān)聽：<Button android:onClick="onClick" android:id="@+id/btnLogin" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/lblPwd"三、基本控件 android:layout_below="@+id/lblPwd" android:layout_marginLeft="48dp" android:layout_marginTop="38dp" android:textColor="#fff" android:background="@drawable/test" android:onClick="clickBtn" android:text="登錄"/>三、基本控件<Button android:onClick="onClick" android:id="@+id/btnCancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/btnLogin" android:layout_alignBottom="@+id/btnLogin" android:layout_marginLeft="41dp" android:layout_toRightOf="@+id/btnLogin" android:textColor="#fff" android:background="@drawable/test" android:onClick="clickBtn" android:text="取消"/>三、基本控件在MainActivity.java中實(shí)現(xiàn)按鈕的監(jiān)聽時(shí)間，代碼如下：publicclassMainActivityextendsActivity{

//定義按鈕組件

privateButtonbutton1;

privateButtonbutton2;

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_mai

//得到Button的實(shí)例

Buttonbutton1=(Button)this.findViewById(R.id.btnLogin);

Buttonbutton2=(Button)this.findViewById(R.id.btnCancel);}三、基本控件publicvoidonClick(Viewview){

//用switch語(yǔ)句

switch(view.getId()){

caseR.id.btnLogin://注冊(cè)按鈕

//提示信息

Toast.makeText(getApplicationContext(),"登錄成

功",1).show();

break;

三、基本控件 caseR.id.btnCancel://取消按鈕

//提示信息

Toast.makeText(getApplicationContext(),"取",1).show();

break; default:

break;

} }}三、基本控件

啟動(dòng)模擬器，運(yùn)行結(jié)果如圖3.3所示。圖3.3三、基本控件

3.2.4ImageView

ImageView類可以加載各種來(lái)源的圖片(如資源或圖片庫(kù))，加載時(shí)需要計(jì)算圖像的尺寸，以便它可以在其他布局中使用，控件提供縮放和著色(渲染)等各種顯示選項(xiàng)。屬

性說(shuō)

明adnroid:scaleType控制圖片如何resized/moved來(lái)匹對(duì)ImageView的sizeandroid:src設(shè)置View的圖片資源位置android:tint將圖片渲染成指定的顏色表3.3ImageView控件屬性三、基本控件

在上一節(jié)布局的下面加載一個(gè)圖片，在activity_main.xml中添加圖片布局：<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/imageviw"http://圖片的id android:src="@drawable/ic_launcher"http://設(shè)置圖片 android:layout_centerInParent="true"/>

三、基本控件啟動(dòng)模擬器，運(yùn)行的結(jié)果如圖3.4所示：

圖3.4三、基本控件

3.2.5ProgressBarProgressBar在界面上顯示一個(gè)進(jìn)度條，用于表示程序正在加載數(shù)據(jù)。ProgressBar的屬性：android:visibility有三個(gè)默認(rèn)值，分別為visible、invisible和gone。visible表示可見的，invisible表示不可見的，gone表示控件不僅不可見而且不再占用任何屏幕空間。三、基本控件在activity_main中添加ProgressBar的布局：<ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/progressbar" android:layout_centerInParent="true" android:visibility="visible"

/>三、基本控件啟動(dòng)模擬器，運(yùn)行結(jié)果如圖3.5所示：

圖3.5三、基本控件

將android:visibility=“visible”改為android:visibility=“invisible”時(shí)，進(jìn)度條將被隱藏不會(huì)再顯示，如圖3.6所示：

圖3.6三、基本控件

3.2.6AlertDialog

AlertDialog控件可以在當(dāng)前的界面彈出一個(gè)對(duì)話框，且這個(gè)對(duì)話框?qū)⒅庙斢谒薪缑嬖刂?，能夠屏蔽掉其他控件的交互能力，所以AlertDialog一般用于提示一些重要的內(nèi)容或者警告。屬

性說(shuō)

明setTitle()設(shè)置對(duì)話框的標(biāo)題setMessage()設(shè)置對(duì)話框的內(nèi)容setPositiveButton()設(shè)置對(duì)話框的確定點(diǎn)擊事件setNegativeButton()設(shè)置對(duì)話框的取消點(diǎn)擊事件show()設(shè)置對(duì)話框的取消點(diǎn)擊事件表3.4AlertDialog控件屬性三、基本控件在按鈕點(diǎn)擊的代碼里添加對(duì)話框：publicclassMainActivityextendsActivity{ //定義按鈕組件 privateButtonbutton1; privateButtonbutton2; @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);

//得到Button的實(shí)例Buttonbutton1=(Button)this.findViewById(R.id.btnLogin);Buttonbutton2=(Button)this.findViewById(R.id.btnCancel);

}三、基本控件publicvoidonClick(Viewview){ //用switch語(yǔ)句 switch(view.getId()){ caseR.id.btnLogin://注冊(cè)按鈕 //提示信息

Toast.makeText(getApplicationContext(),"登錄成功",1).show(); showDialog(); break;

三、基本控件 caseR.id.btnCancel://取消按鈕 //提示信息 Toast.makeText(getApplicationContext(),"取消",1).show(); break; default: break; }}三、基本控件 privatevoidshowDialog(){ //TODOAuto-generatedmethodstub AlertDialog.Builderdialog=newBuilder(this); dialog.setTitle("提示信息"); dialog.setMessage("你確定要登錄嗎"); dialog.setPositiveButton("確定",new DialogInterface.OnClickListener(){ @Ov