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

如果只想实现圆角效果,对按钮的颜色进行更改看以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的属性

  • 2
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值