介紹android的進階UI設計，包含CheckBox, DatePicker, TimePicker, ProgressBar, AlertDialog, Spinner, ListView, GridView，以及UI事件觸發處理。

1. Android 程式設計(3)
講師:王瑋毅

2. 概要
• Android Adapter 介紹
• Android的UI設計
• CheckBox
• DatePicker
• TimePicker
• ProgressBar
• AlertDialog
• Spinner
• ListView
• GridView

3. Android UI – CheckBox(1/2)
• CheckBox 是一個勾選方塊，通常用在多選

4. Android UI – CheckBox(2/2)
• 設定CheckBox 選擇事件

5. Android UI – DatePicker(1/2)
• DatePicker 可以跳出一個日期選擇框，提供選擇

6. Android UI – DatePicker(2/2)
• 設置DatePickerDialog 選擇器

7. Android UI – TimePicker(1/2)
• TimePicker 可以跳出一個時間選擇框，提供選擇

8. Android UI – TimePicker(2/2)
• 設置TimePicker 選擇器

9. Android UI – ProgressBar(1/2)
• ProgressBar 是一種顯示進度的元件
• 只有水平進度條可設定主、次要進度值

10. Android UI – ProgressBar(2/2)
• style常用到參數如下
屬性 功能描述
style=“?android:attr/progressBarStyleHorizontal” 水平狀進度條。
style=“?android:style/widget/ProgressBar” 環形進度條。
style=“?android:attr/progressBarStyleSmall” 小環形進度條。
style=“?android:attr/progressBarStyle” 中環形進度條。
style=“?android:attr/progressBarStyleLarge” 大環形進度條。
style=“?android:attr/progressBarStyleSmallInverse” 小環形反白進度條。
style=“?android:attr/progressBarStyleInverse” 中環形反白進度條。
style=“?android:attr/progressBarStyleLargeInverse” 大環形反白進度條。

11. Android UI - AlertDialog(1/3)
• AlertDialog 可在原有的Activity上彈跳出
一個對話視窗

12. Android UI - AlertDialog(2/3)
• AlertDialog 可自己定義畫面，以下自定義一個
輸入名字的視窗，建一個item_layout.xml

13. Android UI – AlertDialog (3/3)
• 實作Button2 和自定義Dialog 事件

14. Android Adapter 介紹
• Adapter 是用來連接資料和資料顯示的
• 常用Adapter
• ArrayAdapter 當資料來源是陣列或List集合可使用，ex: Spinner, ListView
• SimpleAdapter 當資料來源是表格或Map集合可使用，ex: GridView
• BaseAdapter 客製化需求時，繼承BaseAdapter在實作

15. Android UI – Spinner(1/2)
• Spinner 主要用在做下拉選單的選擇

16. Android UI – Spinner(2/2)
• 設定Spinner 選擇事件

17. Android UI – ListView (1/2)
• ListView 通常用來顯示條列式資訊

18. Android UI – ListView (2/2)
• 設置ListView選取項目事件

19. Android UI – GridView(1/2)
• GridView 是一種網格狀的二維視覺元件
• 紅框為設置GridView其中一個item，命名grid_item.xml

20. Android UI – GridView(2/2)
• 設置GridView九宮格

21. 謝謝大家