首先是外表
在APP中四四方方，灰色底黑色字的按鈕是很難看的，我們希望看到的是圓角，彩色，白字（根據(jù)你的個人審美也可以是其他樣式）。
首先是在layout里新建一個按鈕，然后在drawable文件夾里新建一個drawable resource file ，不妨起名為shape ，加一個selector節(jié)點里新建一個item節(jié)點，在item節(jié)點里添加樣式

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item>
  <shape>
   <!-- 填充的顏色(亮綠) -->
   <solid android:color="#28baa7" />
   <!-- 設(shè)置按鈕的四個角為弧形 -->
   <!-- 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節(jié)點，整個的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" />
   <!-- 設(shè)置按鈕的四個角為弧形 -->
   <!-- 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" />
   <!-- 設(shè)置按鈕的四個角為弧形 -->
   <!-- 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>

這樣的樣式是一般時是亮綠色四周圓角，點擊時是白色圓角，除了點擊之外還有很多的情況請用時自行查找，也是大同小異

好啦，接下來是布局文件的設(shè)置

 <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" />

這個把文字設(shè)為白色居中，好啦，一個比較好看的按鈕就這么誕生啦

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: