Android 程式開發（二）

Android 程式開發（二）

上一篇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上的分類，共有以下幾種

• 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"』就能將文字內容改變了。