Android之给Button上添加按压效果

一、配置stateListAnimator参数实现按压效果

1、按钮控件

<Button
	android:id="@+id/mBtnLogin"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:background="@drawable/shape_jfrb_login_button"
    android:stateListAnimator="@animator/button_press_effect"
    android:text="@string/login"
    android:textColor="#ffffff"
    android:textSize="@dimen/sp_18" />

2、设置按压效果,配置stateListAnimator

(1)button_press_effect.xml

文件位置:
在这里插入图片描述
文件内容:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <set>
            <!-- 按压时的缩放比例,可调整 -->
            <objectAnimator android:propertyName="scaleX" android:valueTo="0.95" android:valueType="floatType" android:duration="100" />
            <objectAnimator android:propertyName="scaleY" android:valueTo="0.95" android:valueType="floatType" android:duration="100" />
            <!-- 按压时的透明度变化,可调整 -->
            <objectAnimator android:propertyName="alpha" android:valueTo="0.6" android:valueType="floatType" android:duration="100" />
        </set>
    </item>
    <item android:state_enabled="true" android:state_pressed="false">
        <set>
            <!-- 松开后恢复原始状态 -->
            <objectAnimator android:propertyName="scaleX" android:valueTo="1.0" android:valueType="floatType" android:duration="100" />
            <objectAnimator android:propertyName="scaleY" android:valueTo="1.0" android:valueType="floatType" android:duration="100" />
            <objectAnimator android:propertyName="alpha" android:valueTo="1.0" android:valueType="floatType" android:duration="100" />
        </set>
    </item>
</selector>

3、完成

运行后点击按钮即可看到效果,可根据需要调整button_press_effect中的数值参数

二、持续更新中…

相关推荐

  1. echarts图表添加弧形动画效果

    2024-05-11 23:22:05       30 阅读
  2. wordpress网站添加瀑布流效果

    2024-05-11 23:22:05       37 阅读
  3. Compose UI Buttons 按钮 & IconButtons 图标按钮

    2024-05-11 23:22:05       42 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-11 23:22:05       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-11 23:22:05       106 阅读
  3. 在Django里面运行非项目文件

    2024-05-11 23:22:05       87 阅读
  4. Python语言-面向对象

    2024-05-11 23:22:05       96 阅读

热门阅读

  1. LeetCode 212.单词搜索II

    2024-05-11 23:22:05       30 阅读
  2. 采购管理软件:采购自动化提高效率的5种方式

    2024-05-11 23:22:05       33 阅读
  3. QT_BEGIN_NAMESPACE

    2024-05-11 23:22:05       34 阅读
  4. TypeScript的`undefined`作用与使用:初学者指南

    2024-05-11 23:22:05       38 阅读
  5. Redhat Linux忘记密码解决方案

    2024-05-11 23:22:05       34 阅读
  6. 第 8 章 机器人底盘Arduino端入口(自学二刷笔记)

    2024-05-11 23:22:05       28 阅读
  7. 研究生写论文常用工具以及如何快速阅读外文

    2024-05-11 23:22:05       34 阅读
  8. 接口测试的流程

    2024-05-11 23:22:05       30 阅读