14天學會安卓開發(第四天)基礎UI控制元件

查志強發表於2014-06-25
安卓UI控制元件

【原文：http://blog.csdn.net/corder_raine/article/details/8310124】

14天學會安卓開發  
作者:神祕的N (英文名  corder_raine)
聯絡方式:369428455(反饋)
交流群:284552167(示例,原文件下載)
版權為作者所有,如有轉載請註明出處
目錄
4.1基本控制元件介紹
本章全部都是控制元件,自己拖拽一下,研究一下就行了,熟悉android裡有什麼控制元件
應該怎麼用,主要就是看demo,自己拖拽,如果不會拖拽哪請看第一天的課程

1、Button                    按鈕
Ø           研究ButtonDemo
button.png 

2、TextView          文字框
Ø    研究TextViewDemo

TextView.png 
3、EditText           文字編輯框
Ø    研究EditTextDemo

edittext.png 
4、CheckBox        多項選擇
每個多選框都是獨立的，可以通過迭代所有多選框，然後根據其狀態是否被選中再獲取其值。
l   CheckBox.setChecked(true);//設定成選中狀態。
l   CheckBox.getText();//獲取多選框的值
l   呼叫setOnCheckedChangeListener()方法，處理多選框被選擇事件，把CompoundButton.OnCheckedChangeListener例項作為引數傳入

Ø    研究CheckBoxDemo

checkbox.png 
5、RadioButton            單項選擇
Ø    研究RadioButtonDemo

RadioButton.png 
6、Spinner            下拉選單
l  Spinner.getItemAtPosition(Spinner.getSelectedItemPosition());獲取下拉選單框的值
l   呼叫setOnItemSelectedListener()方法，處理下拉選單框被選擇事件，把AdapterView.OnItemSelectedListener例項作為引數傳入

下拉選單框—Adapter
l  很多時候顯示在下拉選單框的值並不是希望得到的值，如果要做一個聯絡人下拉選單框，列表框列出的是聯絡人的姓名，因為姓名有可能相同，所以我們希望得到的值應該為該聯絡人的id，要實現這種需求我們需要自定義Adapter，當然自定義Adapter需要我們編寫一小段程式碼，如果我們不想編寫Adapter，又能實現我們的需求，那是最好不過的了。通過觀察ArrayAdapter中getView(int position, View convertView, ViewGroup parent)的內部程式碼發現，如果為ArrayAdapter指定的實際泛型引數型別沒有實現CharSequence（字串）介面，將會呼叫該型別物件的toString()向下拉選單框輸出顯示值。利用這個特點我們可以重寫javaBean的toString()向下拉選單框提供顯示值。
下拉選單框--自定義選項介面樣式

55.png 
l  Spinner.getItemAtPosition(Spinner.getSelectedItemPosition());獲取下拉選單框的值
l   呼叫setOnItemSelectedListener()方法，處理下拉選單框被選擇事件，把AdapterView.OnItemSelectedListener例項作為引數傳入

7、TimePicker/DatePicker    時間選擇器
Ø  研究TimeDatePicker
TimeDatePicker1.png TimeDatePicker2.png TimeDatePicker3.png 
8、ScrollView              滾動檢視
Ø  研究ScrollViewDemo

ScrollView.png 
9、ImageView              圖片檢視
Ø  研究ImageViewDemo

ImageView.png 
10、ImageButton          圖片按鈕
Ø  研究ImageButtonDemo

ImageButton.png 
11、GridView        網格檢視
Ø  研究GridViewImageDemo
GridViewImage.png 
4.2認識Widget元件

1、介面中展示的各個小元件

2、有獨立的事件處理能力

3、所有Wiget元件都是繼承View而來
4.3Widget元件類繼承關係
55.png 


12個示例打包
如下
ButtonDemo
CheckBoxDemo
DialogDemo
EditTextDemo
GridViewImageDemo
ImageButtonDemo
ImageViewDemo
RadioButtonDemo
ScrollViewDemo
SpinnerDemo
TextViewDemo
TimeDatePicker
原始碼下載

相關文章