Android UI效果篇--Ripple 最小代价实现波纹点击特效

本文记录了在Android项目中遇到的一个关于Ripple动态效果的bug,展示了如何通过修改XML代码实现自定义Ripple效果,包括颜色和范围调整,以及添加maskitem的用法。重点介绍了Ripple在提高用户体验中的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在项目中碰到个bug说有按压有动态效果,原来找UI说去掉动效,然后看了下代码竟然只有一个xml就实现了还不错的动态效果,感觉很赞记录一下!!!!

废话不多说直接贴代码: 

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/card_high_expand_act">

    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <corners
                android:bottomLeftRadius="@dimen/lion_common_radius_size_8"
                />
            <solid android:color="@color/card_high_expand_start" />
        </shape>
    </item>
</ripple>

内容简介

记录5.0以后的Ripple(波纹效果)的使用.

  • 1.为什么要使用Ripple
  • 2.如何使用Ripple效果
  • 3.Ripple效果的颜色值改变
  • 4.Ripple的波纹范围改变
  • 5.Ripple添加一个item,其id为@android:id/mask

1.为什么要使用Ripple

  • 提高用户体验,更好的视觉效果反馈给用户
  • 间接增加了用户在应用停留的时间

2.如何使用Ripple效果

~
在5.0的机型上,button会自带有Ripple点击效果。但是往往开发者需要修改点击效果,从而修改android:backgroud,这时候Ripple效果就会改变。所以使用Ripple的关键就在android:backgroud中设置。

5.添加一个item,其id为@android:id/mask

对比上面的图片做为Mask的例子,只是添加了一个id,:

参考资料:

Android UI效果篇--Ripple

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值