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

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

三、

基本控件三、基本控件

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

明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文本的字號android:gravity文本的顯示位置android:ellipsize內(nèi)容的省略顯示方式android:textStyle文本的字體android:autoLink鏈接類型表3.1TextView控件屬性三、基本控件TextView的用法：

創(chuàng)建一個Android項目MyAndroid來完成登錄界面的布局。在activity_main.xml里添加兩個TextView控件——用戶名和密碼，代碼如下所示：activity_main.xml文件：<RelativeLayoutxmlns:android=http:///apk/res/android xmlns:tools="/tools" android:layout_width="match_parent" android:layout_height="match_parent">三、基本控件<!—設置用戶名布局--><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="用戶名："/>三、基本控件<!—設置密碼布局--><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);

}}三、基本控件

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

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

性說

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

性說

明android:lines通過設置固定的行數(shù)來決定EditText控制的高度android:maxLines設置最大行數(shù)android:minLines設置最小行數(shù)android:password設置文本框中的內(nèi)容是否顯示密碼android:phoneNumber設置文本框中的內(nèi)容只能是電話號碼android:numeric如果設置，則輸入的內(nèi)容只能是數(shù)字android:maxLength設置最大的顯示長度android:singleLine是否在一行內(nèi)顯示全部內(nèi)容android:inputType設置文本框中的內(nèi)容是密碼類型android:background設置背景android:hint文本為空時顯示提示信息表3.2EditText控件屬性三、基本控件示例：為用戶名和密碼分別添加編輯框。分別在上節(jié)兩個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="請輸入用戶名"/>三、基本控件<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="請輸入密碼"/>三、基本控件

啟動模擬器，運行項目后，輸入用戶名和密碼，效果如圖3.2所示：圖3.2三、基本控件

3.2.3Button

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

為Button控件注冊監(jiān)聽常用的方法有兩種：(1)在布局文件中為Button控件設置OnClick屬性，然后在代碼中添加一個對應的監(jiān)聽方法。(2)在代碼中綁定匿名監(jiān)聽器并重寫onClick()方法。三、基本控件示例：添加兩個按鈕“登錄”和“取消”，并為兩個按鈕注冊監(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中實現(xiàn)按鈕的監(jiān)聽時間，代碼如下：publicclassMainActivityextendsActivity{

//定義按鈕組件

privateButtonbutton1;

privateButtonbutton2;

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_mai

//得到Button的實例

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

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

//用switch語句

switch(view.getId()){

caseR.id.btnLogin://注冊按鈕

//提示信息

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

功",1).show();

break;

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

//提示信息

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

break; default:

break;

} }}三、基本控件

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

3.2.4ImageView

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

性說

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

在上一節(jié)布局的下面加載一個圖片，在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://設置圖片 android:layout_centerInParent="true"/>

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

圖3.4三、基本控件

3.2.5ProgressBarProgressBar在界面上顯示一個進度條，用于表示程序正在加載數(shù)據(jù)。ProgressBar的屬性：android:visibility有三個默認值，分別為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"

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

圖3.5三、基本控件

將android:visibility=“visible”改為android:visibility=“invisible”時，進度條將被隱藏不會再顯示，如圖3.6所示：

圖3.6三、基本控件

3.2.6AlertDialog

AlertDialog控件可以在當前的界面彈出一個對話框，且這個對話框?qū)⒅庙斢谒薪缑嬖刂希軌蚱帘蔚羝渌丶慕换ツ芰?，所以AlertDialog一般用于提示一些重要的內(nèi)容或者警告。屬

性說

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

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

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

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