Android 程式開發（二）
Android Layout Components：
Android DatePicker Components：
更詳細的UI components到官網觀看Android UI Components。
我們從預覽換面看到『Hello World!』，現在要把它改成『Hello, Android Program』。剛才提到有『Graphical Layout』和『activity_main.xml』描述手機畫面。透過『Graphical Layout』修改，只要點擊畫面中的『Hello World！』然後按 "F2" 就能直接修改文字。透過『activity_main.xml』我們看到如下的XML檔案：
上一篇Android程式開發（一）介紹開發Android程式的工具和前置工作，接下來將討論Android的介面元件 (UI Components)。
在開發Android程式之前，一定要先弄清楚Android有提供那些UI components讓我們使用才能更好的開發Android程式。
Android UI Components
Android提供非常豐富和多樣化的UI components，開啟專案中的『res/layout/activity_main.xml』可以看到預覽畫面和包含Hello World的字串。在左下角有兩個標籤『Graphical Layout』和『activity_main.xml』。在『Graphical Layout』我們可以直接將UI components以drag and drop(拖、拉)的方式進行設定，而 『activity_main.xml』是採用XML檔案描述手機畫面，可以透過修改XML檔進而設計手機畫面。
UI components 根據GraphicalLayout上的分類，共有以下幾種
在開發Android程式之前，一定要先弄清楚Android有提供那些UI components讓我們使用才能更好的開發Android程式。
Android UI Components
Android提供非常豐富和多樣化的UI components，開啟專案中的『res/layout/activity_main.xml』可以看到預覽畫面和包含Hello World的字串。在左下角有兩個標籤『Graphical Layout』和『activity_main.xml』。在『Graphical Layout』我們可以直接將UI components以drag and drop(拖、拉)的方式進行設定，而 『activity_main.xml』是採用XML檔案描述手機畫面，可以透過修改XML檔進而設計手機畫面。
UI components 根據GraphicalLayout上的分類，共有以下幾種
- Form Widgets
- Text Fields
- Layouts
- Composite
- Images and Media
- Time and Date
- Transitions
- Advanced
Android Form UI Components：
| 名稱 | 作用 |
| TextView | 顯示文字 |
| Button | 按鈕 |
| Spinner | 下拉選單 |
| CheckBox | 勾選鈕 |
Android Layout Components：
| 名稱 | 作用 |
| Linear Layout | 線性版面 |
| Relative Layout | 相對版面 |
| FrameLayout | 框架版面 |
| TableLayout | 表格版面 |
Android DatePicker Components：
| 名稱 | 作用 |
| TimePicker | 選取時間 |
| DatePicker | 選取日期 |
| CalendarView | 日曆檢視 |
| AnalogClock | 類比時鐘 |
更詳細的UI components到官網觀看Android UI Components。
我們從預覽換面看到『Hello World!』，現在要把它改成『Hello, Android Program』。剛才提到有『Graphical Layout』和『activity_main.xml』描述手機畫面。透過『Graphical Layout』修改，只要點擊畫面中的『Hello World！』然後按 "F2" 就能直接修改文字。透過『activity_main.xml』我們看到如下的XML檔案：
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" ?>
我們只需要將『android:text="@string/hello_world"』改成 『android:text="Hello，Android Program"』就能將文字內容改變了。
