Android 介面(1):UI 開發控制元件

發表於2015-10-02

TextView

這個可以說是Android中最簡單
的一個控制元件了。該控制元件主要用來顯示一段文字。
其中控制元件的顯示設定也很簡單,這裡簡單說一下重要的幾個,控制元件的id,layout_weigth(寬度),layout_height(高度),text(顯示文字內容)等都是比較常用和簡單的設定,不在詳細描述。

gravity
定義控制元件中文字的對齊方式,可選值有center,top, bottom, letf, right等,可以用“|”來制定多個值。

textSize
定義控制元件中文字的大小,一般都採用sp。

Button

這個是大家在熟悉不過的了,初學者在學習的時候都是最先使用Button進行練習。
他控制元件的顯示設定也很簡單,如TextView一樣包括:id,寬,高,名稱(也就是顯示的文字)等的設定。

Button 還有一種使用就是使用監聽器,實現點選事件。首先在Activity的onCreate方法中新增如下程式碼:
方式一:通過匿名內部類的方法來實現監聽。

方式二:通過實現介面的方法來實現監聽。

EditText

EditText是應用和使用者進行互動的一個重要控制元件,使用者在其中輸入資訊,EditText對資訊進行處理傳輸。
他控制元件的顯示設定也很簡單,如TextView一樣包括:id,寬,高,名稱(也就是顯示的文字)等的設定。

hint
這個是EditText一個非常人性化的屬性,我們經常會看到有好多輸入框在輸入前都會顯示一些資訊,當使用者在進行輸入的時候,資訊就會消失。這個就是通過該屬性進行實現的。

在佈局檔案中新增:

10-2-1

maxLines
EditText如果設定他的寬是“wrap_parent”,則隨著輸入內容的增多,輸入框會被拉長,如果超過一行,會自動換行顯示,顯示的是全部內容。但是這樣就有了一個弊端,如果我們輸入的內容過多,輸入框控制元件會佔據我們螢幕的大部分空間並且會非常的醜,這時我們可以通過maxLines屬性設定顯示的最大行數。

屬性新增前:

10-2-2

在xml佈局檔案新增android:maxLines="2"後:

10-2-3

ImageView

ImageView是用來在介面上展示圖片的一個控制元件。它可以讓我們的介面變的豐富多彩。
他控制元件的顯示設定也很簡單,如TextView一樣包括:id,寬,高,名稱(也就是顯示的文字)等的設定。

結果:

10-2-5

ProgressBar

有時候我們的應用程式正在載入一下資料,這是後我們就可以用ProgressBar控制元件來設定進度條。
他控制元件的顯示設定也很簡單,如TextView一樣包括:id,寬,高,名稱(也就是顯示的文字)等的設定。

style
預設情況下是圓形進度條,如果要更改樣式,可以通過該屬性進行修改。

visibility
有時候資料載入完成後進度條就會消失,那麼我們如何讓進度條消失呢?我們可以通過visibility進行修改,該屬性有三個值,分別是:visible(可見), invisible(不可見), gone(消失)。相應的程式應該在java程式碼中實現,這裡不再詳述。

AlterDialog

該控制元件是彈出一個對話方塊,該對話方塊置於所有介面元素之上,遮蔽掉其他控制元件的互動能力。

ProgressDialog

該控制元件是彈出一個對話方塊,該對話方塊置於所有介面元素之上,遮蔽掉其他控制元件的互動能力。與AlterDialog功能相似,但是不同的是ProgressDialog控制元件顯示一個進度條,用於表示該操作比較耗時,請耐心等待。

相關文章