Button形状和背景色的设置

前端之家收集整理的这篇文章主要介绍了Button形状和背景色的设置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

很多人应该都发现过这样一个现象:当我们点击按钮时,按钮的背景色会加深或者变淡,这样做当然更方便我们确定是否点中了这个按钮。那么这样的效果是怎样实现的呢?——让我们来看看下面这个简单的例子吧。
1、在drawable里新建三个xml文件

第一个:button_voice_normal.xml

  1. ?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
  3. <!--设置button四个角的弧度-->
  4. <corners android:radius="10dp"/>
  5. <!--设置button里面的颜色-->
  6. <solid android:color="#E15050"/>
  7. <!--设置button边框的颜色和宽度-->
  8. <stroke android:color="@android:color/black" android:width="6dp"/>
  9. </shape>

第二个:button_voice_press.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
  3. <!--设置button四个角的弧度-->
  4. <corners android:radius="10dp"/>
  5. <!--设置button里面的颜色-->
  6. <solid android:color="#EFA9A9"/>
  7. <!--设置button边框的颜色和宽度-->
  8. <stroke android:color="@android:color/black" android:width="6dp"/>
  9. </shape>

第三个:button_voice_background.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3. <item android:drawable="@drawable/button_voice_press" android:state_pressed="true"/>
  4. <item android:drawable="@drawable/button_voice_normal"/>
  5. </selector>

当这三个xml文件建好了以后,只需要在我们要用到的按钮里加入android:background="@drawable/button_voice_background"这句就可以了。其实就是调用的第三个xml文件。这样我们就实现了按钮的变化。

猜你在找的XML相关文章