3.Android篇——如何改变android按钮触摸的颜色和默认的颜色

问题:

有时候我们在布局的时候需要给按钮设置一个点击的效果,就是默认的是一个颜色,手指放上去又是一个颜色,这个效果可以这样做:

1.  这个是按钮的布局

 <RelativeLayout
                android:layout_width="155dp"
                android:layout_height="53dp"
                android:layout_gravity="center_horizontal"
                android:layout_marginBottom="27dp"
                android:background="@drawable/btn_common"
                android:onClick="startAnswer">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:text="开始测试"
                    android:textColor="#FFFFFF"
                    android:textSize="19sp" />
            </RelativeLayout>

布局的背景文件中,我们这样写:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btn_color_bg_hover" android:state_focused="true" /><!--点击状态是颜色-->
    <item android:drawable="@drawable/btn_color_bg_hover" android:state_pressed="true" /><!--默认颜色-->
    <item android:drawable="@drawable/btn_color_bg" />
</selector><!--触摸状态时颜色-->

btn_color_bg_hover.xml内容如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FFFFFF" />
    <!-- 设置圆角 -->
    <corners android:radius="23dp" />
    <!-- 设置边框 -->
    <stroke
        android:width="1px"
        android:color="#efefef" />
    <!--left to right-->
    <gradient
        android:angle="45"
        android:endColor="#6ba0fe"
        android:startColor="#44e8ff" />

</shape>
btn_color_bg.xml的内容如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FFFFFF" />
    <!-- 设置圆角 -->
    <corners android:radius="23dp" />
    <!-- 设置边框 -->
    <stroke
        android:width="1px"
        android:color="#efefef" />
    <!--left to right-->
    <gradient
        android:angle="45"
        android:endColor="#5489e7"
        android:startColor="#2cc9df" />

</shape>

这样我们点击的时候就是分开两个布局文件的样式

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
实现按钮被点击后改变颜色的效果,可以通过在Java代码中设置按钮的背景颜色实现。具体步骤如下: 1. 在xml布局文件中,设置按钮的初始背景颜色,例如: ``` <Button android:id="@+id/myButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Click Me" android:background="@color/button_normal" /> ``` 其中,button_normal是在colors.xml文件中定义的按钮初始颜色值。 2. 在Java代码中,为按钮设置点击事件,并在点击事件中改变按钮的背景颜色,例如: ``` Button myButton = findViewById(R.id.myButton); myButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { v.setBackgroundColor(getResources().getColor(R.color.button_pressed)); } }); ``` 其中,button_pressed是在colors.xml文件中定义的按钮点击后的颜色值。 这样,当按钮被点击时,按钮的背景颜色改变为button_pressed所表示的颜色值。如果需要恢复按钮的初始颜色,可以在点击事件中加入恢复初始颜色的代码,例如: ``` Button myButton = findViewById(R.id.myButton); myButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { v.setBackgroundColor(getResources().getColor(R.color.button_pressed)); new Handler().postDelayed(new Runnable() { @Override public void run() { v.setBackgroundColor(getResources().getColor(R.color.button_normal)); } }, 300); // 这里设置延时300毫秒后恢复初始颜色 } }); ``` 这样,按钮被点击后会立即改变颜色,过一段时间后又会恢复初始颜色

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

树很忙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值