安卓原生的按鈕是多么丑，效果是多么單調，大家也是有目共睹的。
要做一個APP少不了使用按鈕，一個好看的按鈕少不了好看的效果和外表，這次主要跟大家講講如何用drawable的xml文件弄一些好看的自定義樣式。
首先是外表
在APP中四四方方，灰色底黑色字的按鈕是很難看的，我們希望看到的是圓角，彩色，白字（根據你的個人審美也可以是其他樣式）。
首先是在layout里新建一個按鈕 ，然后在drawable文件夾里新建一個drawable resource file ，不妨起名為shape ，加一個selector節點里新建一個item節點，在item節點里添加樣式
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <!-- 填充的顏色(亮綠) --> <solid android:color="#28baa7" /> <!-- 設置按鈕的四個角為弧形 --> <!-- android:radius 弧形的半徑 --> <corners android:radius="5dip" /> <!-- padding：Button里面的文字與Button邊界的間隔 --> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item></selector>
如果想做點擊后按鈕的樣式則要 再添加一個item節點，整個的drawable就是這樣
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape> <!-- 填充的顏色(白色) --> <solid android:color="#aaa" /> <!-- 設置按鈕的四個角為弧形 --> <!-- android:radius 弧形的半徑 --> <corners android:radius="5dip" /> <!-- padding：Button里面的文字與Button邊界的間隔 --> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item> <item> <shape> <!-- 填充的顏色(亮綠) --> <solid android:color="#28baa7" /> <!-- 設置按鈕的四個角為弧形 --> <!-- android:radius 弧形的半徑 --> <corners android:radius="5dip" /> <!-- padding：Button里面的文字與Button邊界的間隔 --> <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp" /> </shape> </item></selector>
這樣的樣式是一般時是亮綠色四周圓角，點擊時是白色圓角，除了點擊之外還有很多的情況請用時自行查找，也是大同小異
好啦，接下來是布局文件的設置
<Button android:layout_width="150dp" android:layout_height="wrap_content" android:text="button" android:textColor="#fff" android:background="@drawable/shape" android:id="@+id/btn" android:layout_gravity="center_horizontal" />
這個把文字設為白色居中，好啦，一個比較好看的按鈕就這么誕生啦
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
