Android 按鈕設計

我們先來看中的幾個按鈕。從按鈕上的文字可以看出，一個大按鈕，一個小按鈕，還有一個有點奇怪的按鈕。嗯，先說這麼多。

那我們先說中的幾個按鈕是如何?的吧。單純的把按鈕顯示在上面的話可以在main.xml中添加相應組件就OK了。下面我們就來添加吧！

<?xml version="1.0" encoding="utf-8"?><br /><ScrollView xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:layout_width="fill_parent"<br /> android:layout_height="fill_parent"><br /><LinearLayout<br /> android:orientation="vertical"<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"><br /> <Button<br /> android:id="@+id/button_large"<br /> android:text="@string/button_large"<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"<br /> /><br /> <Button<br /> android:id="@+id/button_small"<br /> android:text="@string/button_small"<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"<br /> /><br /> <ToggleButton<br /> android:id="@+id/button_toggle"<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"<br /> android:text="@string/button_toggle"<br /> /><br /> <ImageButton<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"<br /> android:src="@drawable/change2"<br /> /><br /></LinearLayout><br /></ScrollView><br />

有沒有人問為什麼一定要在main.xml中添加？嗯，其實不一定，我們可以自己添加各種各樣的XX.xml，然後在相應的activity中調用就好了。（setContentView(R.layout.xx)）

我們可以看到我們添加了三個按鈕，其中前兩個是一樣的，除了id和text不一樣其他無任何區別，那麼為什麼顯示出來是不一樣的呢？一會兒我告訴你。第三個按鈕是ToggleButton,顧名思義，觸發按鈕。第四個是一個映像按鈕。

我們接著看代碼android:id="@+id/button_small"
用來聲明ID資源屬性，@+id可以自動替資源加上屬性編號，類資源檔R.java中會自動記錄該資源。android:text="XXXX"
是用來為組建添加文字，可以直接指定文字，也可以從strings.xml檔案中匯入，不過這樣要先在strings.xml中定義。strings.xml檔案如下：

<?xml version="1.0" encoding="utf-8"?><br /><resources><br /> <string name="hello">Hello World, ButtonTest!</string><br /> <string name="app_name">ButtonTest</string><br /> <string name="button_large">大按鈕</string><br /> <string name="button_small">small</string><br /></resources> 

android:layout_width和android:layout_height用來指定按鈕的大小。可以直接指定如android:layout_width="50dip"當然我們也可以使用系統內建的三種大小,分別是“full_parent”，“wrap_content”和“match_parent”。其中wrap_content可以讓按鈕的大小剛好覆蓋文字。full_parent則使按鈕匹配視窗的長寬。match_parent本質上和full_parent是一樣的，並且從API level 8開始替代full_parent

映像按鈕的話我們使用<ImageButton組件即可，需要匯入相應的圖片資源，放入到res/drawable下

目前的話我瞭解的就這麼多，以後學到新的知識會繼續分享，O(∩_∩)O