对Button样式的设置——点击效果、圆角、按钮颜色

原创 2018年04月17日 16:22:26

如果只想实现圆角效果,对按钮的颜色进行更改看以1.代码即可:

1.Button的圆角,背景颜色实现

需要在下图文件中创建名为btn_shape的DrawableResource文件
res->drawable->DrawableResource文件

btn_shape.xml的代码:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--圆角的弧度-->
<corners android:radius="10dp"/>
    <!--按钮的颜色-->
<solid android:color="@color/colorPrimary"/>

贴下layout的代码,只是声明了一个Button而已。

    <Button
    android:id="@+id/actionbutton"
    android:text="启动"
    android:background="@drawable/btn_shape"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

主要属性就是在background属性中设置一个@drawable/btn_shape

这个属性就是将这个button的样式设置为btn_shape中的样式。

以上就是对Button简单的进行圆角,按钮颜色设置


2.按钮点击时会有效果改变的实现

点击效果实现,一共需要三个drawable文件:

  1. btn_normal :没有点击时的按钮样式
  2. btn_press :按钮按下时的按钮样式
  3. btn_selector:对于按钮普通状态,还是点击状态的选择

同样是在drawable文件夹下新建文件

drawable的文件目录

btn_normal.xml的代码:

  • 按钮的圆角
  • 按钮的颜色
  • 按钮的边框线条
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--对按钮进行圆角化-->
<corners android:radius="10dp"/>
    <!--设置按钮背景颜色-->
<solid android:color="#31c3e4"/>
    <!--stroke是按钮边框的线条-->
    <stroke
        android:width="1dp"
        android:color="#000000"/>
</shape>

btn_press.xml的代码:

  • 按钮的边框线条为虚线效果
  • 背景颜色更深了
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--对按钮进行圆角化-->
    <corners android:radius="10dp"/>
    <!--设置按钮背景颜色-->
    <solid android:color="#0aa4c7"/>
    <!--stroke是按钮边框的实现,每段虚线的长度,和两段虚线之间的颜色和虚线颜色-->
  <stroke
        android:width="1dp"
        <!--设置虚线的横线长度-->
        android:dashWidth="8dp"
    <!--设置虚线之间的距离-->
        android:dashGap="4dp"
        android:color="#000000"/>
</shape>

btn_selector.xml的代码:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--普通时候的样式-->
<item android:drawable="@drawable/btn_normal" android:state_pressed="false"></item>
    <!--点击后的样式-->
    <item android:drawable="@drawable/btn_press" android:state_pressed="true"/>
</selector>
    <Button
    android:id="@+id/actionbutton"
    android:text="启动"
    android:background="@drawable/btn_selector"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

主要属性就是在background属性中设置一个@drawable/btn_selector

加载这个按钮为btn_selector的属性

Android button按钮带圆角点击效果的样式

1.新建一个btn_bind_cancel.xml文件   xmlns:android="http://schemas.android.com/apk/res/android">     ...
  • u012416928
  • u012416928
  • 2015-02-27 09:23:13
  • 2730

安卓带点击效果的圆角button

首先创建两个按下和弹起的button圆角资源文件 //circle_btn_normal.xml xml version="1.0" encoding="utf-8"?> shape xmlns:an...
  • qq787207389
  • qq787207389
  • 2015-11-24 15:16:16
  • 1143

button的一些使用小常识(点击效果,button圆角,边框线的实现)

在drawable中创建一个xml的文件: xml version="1.0" encoding="utf-8"?>属性代表绘制的图形形状 retangle;矩形,oval:椭圆 ,line:线 r...
  • guideit
  • guideit
  • 2016-07-22 15:01:36
  • 4110

Android中的Button自定义点击效果之改变点击时按钮的颜色

在Android中定义按钮的点击效果可以通过自定义selector,通过设置两张不同的背景图片来改变点击时和未点击时的状态,但有时候仅仅只想改变点击时按钮的颜色,但是在selector中并不能直接定义...
  • u013309870
  • u013309870
  • 2016-10-25 22:14:37
  • 3430

Android 各种按钮点击效果以及兼容性问题总结

全面的讲解按钮点击效果,图片的点击,Material Design风格的点击效果
  • tyzlmjj
  • tyzlmjj
  • 2015-11-29 15:43:19
  • 20233

Android button 圆角动态更改背景颜色

圆角button实现(左下角和右下角为圆角) 如果有背景图片切换,可以定义属性             android:id="@+id/ok_btn"             android:l...
  • u010473556
  • u010473556
  • 2016-10-31 08:40:32
  • 1340

Android渐变色圆角按钮的实现

最终效果如:
  • rongyongfeikai2
  • rongyongfeikai2
  • 2014-10-12 13:09:25
  • 4687

html button样式变圆角

border-radius 不兼容ie7、ie8 .savebuution0 { background: url("../image/none.jpg") repeat scroll 0 0 rgba...
  • itlqi
  • itlqi
  • 2015-03-11 10:17:18
  • 2287

Android开发自定义圆角带点击效果的Button

public class AnimationButton extends Button { private int mBackGroundColor = Color.parseColor("...
  • u010074743
  • u010074743
  • 2017-11-09 20:06:44
  • 336

安卓自定义圆角Button,继承Button类实现在xml设置圆角半径和背景颜色和点击背景颜色

1、安卓的selector可以在代码中用StateListDrawable实现。 2、shap可以在代码中用GradientDrawable来实现; 3、安卓通过declare-styleable标签...
  • haiyangzhisheng
  • haiyangzhisheng
  • 2016-04-20 14:21:48
  • 810
收藏助手
不良信息举报
您举报文章:对Button样式的设置——点击效果、圆角、按钮颜色
举报原因:
原因补充:

(最多只允许输入30个字)