快捷導(dǎo)航

Android如何自定義按鈕效果

更新時(shí)間：2016年08月10日 17:14:32 作者：qq_32198277

這篇文章主要為大家詳細(xì)介紹了Android如何自定義按鈕效果的方法，幫助大家設(shè)計(jì)簡潔大方的按鈕，感興趣的小伙伴們可以參考一下

安卓原生的按鈕是多么丑，效果是多么單調(diào)，大家也是有目共睹的。
要做一個(gè)APP少不了使用按鈕，一個(gè)好看的按鈕少不了好看的效果和外表，這次主要跟大家講講如何用drawable的xml文件弄一些好看的自定義樣式。

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

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

如果想做點(diǎn)擊后按鈕的樣式則要再添加一個(gè)item節(jié)點(diǎn)，整個(gè)的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è)置按鈕的四個(gè)角為弧形 -->
   <!-- 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è)置按鈕的四個(gè)角為弧形 -->
   <!-- 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í)是亮綠色四周圓角，點(diǎn)擊時(shí)是白色圓角，除了點(diǎn)擊之外還有很多的情況請用時(shí)自行查找，也是大同小異

好啦，接下來是布局文件的設(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" />

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

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

您可能感興趣的文章: