RippleDrawable 的简单使用

最新推荐文章于 2022-06-26 08:53:02 发布

VIP文章 antimage08

最新推荐文章于 2022-06-26 08:53:02 发布

阅读量7.4k

点赞数 1

本文链接：https://blog.csdn.net/antimage08/article/details/50390546

版权

RippleDrawable 就是一个自定义触摸反馈动画。是在 Android 5.0 时推出的动画效果。为了兼容低版本，可以在将 <ripple> 元素定义在 drawable-v21 目录下；

效果如下：

首先定义一个 StateListDrawable 资源；

button_default.xml :

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_enabled="false"

最低0.47元/天解锁文章

优惠劵

antimage08

关注关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
RippleDrawable 的简单使用

RippleDrawable 的简单使用
复制链接

扫一扫

Android RippleDrawable 水波纹/涟漪效果的实现

01-04

一、效果图二、RippleDrawable基本概念介绍（1）、RippleDrawable RippleDrawable可以实现上面效果图中的水波纹效果，它是在API 21 中添加的，所以，低于21的版本中不可使用。它的继承关系如下：根据上面的继承关系，我们可知，我们可以用它来做背景；RippleDrawable是有层级的——LayerDrawable的特性。（2）、xml属性 RippleDrawable在xml中对应的是 <ripple></ripple>,它只有两个属性——color、radius。具体可参考下图：（3）、ripple的特性 A touch fee

探索RippleDrawable：Android动态效果的新境界

最新发布

gitblog_00024的博客

04-17

336

探索RippleDrawable：Android动态效果的新境界项目地址:https://gitcode.com/ozodrukh/RippleDrawable RippleDrawable是一个Android开源项目，由开发者Ozodrukh精心打造，它为Android应用带来了生动且富有交互性的涟漪触摸反馈效果。此项目的目的是增强Android UI的设计感，提升用户体验。技术解析 Rip...

参与评论您还未登录，请先登录后发表或查看评论

Material Design 动画——Ripple波纹动画

M-Ellen的博客

04-17

1133

1. 介绍 2.使用

android 5 图标水波,Android5.0 水波控件RippleDrawable簡析

weixin_35410816的博客

05-28

204

在Android5.0中新增了一種水波效果控件，叫RippleDrawable，當控件使用RippleDrawable作為背景(android:background)且在控件可以接受點擊動作(android:clickable="true")的條件下，當按下或抬起手指時，會出現水波效果。效果如下圖所示：以上圖片的layout代碼如下：ripple_bg.xml內容如下：以上的代碼需要sdk版本...

Material Design——RippleDrawable详解

落叶Ex的博客

06-02

2182

Google在Android5.0之后推出了Material Design的设计风格，而涟漪Ripple效果是其中最具有代表性的。最近需要在项目中使用Ripple效果，看了网上很多介绍，大致都写的很基础，并且没有介绍清楚具体对应的使用方法，只有比较常见的几种。在碰到一些特殊情况后就不能适用了。因此这里总结下RippleDrawable的关键推荐的几种用法。最常见的使用方法，直接通过<Ripple>

Android代码-RippleDrawable

08-06

RippleDrawable Port of Android `` effect for pre lollipop devices with android 14 (ICS ) (well, since NineOldAndroids is deprecated, this library become 14 only) Features XML inflating Ripple ...

Android-RippleDrawable兼容类同时更方便的创建View点击水波纹效果

08-13

RippleDrawable兼容类，同时更方便的创建View点击水波纹效果

Android5.0新控件使用Demo

04-28

Android5.0新控件：ToolActionBar、RecyleView、CardView、RippleDrawable等新特效的使用

ripple的使用细则

chends

09-28

1925

当谷歌推出Material Design设计规范后，谷歌的产品都开始按照这一规范进行设计，包括了Android Mobile, Android Table, Web Chrome 在内的所有平台。按压产生水波纹（ripple）这一效果也登上舞台，在Android中的使用就是ripple xml资源文件和RippleDrawable。 RippleDrawable就是ripple资源文件解析后生成...

Android5.0 水波控件RippleDrawable简析

Jeepend的专栏

02-08

3942

Android5.0新增了一种水波控件，叫RippleDrawable，当控件使用RippleDrawable作为背景且在控件可以接受点击动作（clickable = true）的条件下，当按下或抬起手指时，会出现水波效果。如下图所示：

AndroidMaterialDesign动画之RippleDrawable

huyuchaoheaven的专栏

07-28

4662

Android5.0动画

Android：RippleDrawable 水波纹/涟漪效果

CnPeng

08-08

635

一、效果图二、RippleDrawable基本概念介绍 (1)、RippleDrawable RippleDrawable可以实现上面效果图中的水波纹效果，它是在API 21 中添加的，所以，低于21的版本中不可使用。它的继承关系如下：根据上面的继承关系，我们可知，我们可以用它来做背景；RippleDrawable是有层级的——LayerDrawable的特性。 (2)、x...

Android Drawable之 Ripple的使用

UncleMin博客

12-03

1196

总纲没有边界的Ripple（Ripple With No Mask）用颜色作为Mask的Ripple（Ripple With Color Mask），然而颜色并没有什么卵用用图片作为Mask的Ripple（Ripple With Picture Mask）用设定形状作为Mask的Ripple（Ripple With Shape Mask）搭配selector作为Ripple（Ripple

Android动画篇——Android 5.0触摸反馈动画

chiai3519的博客

08-02

321

RippleDrawable是Android 5.0之后添加了一种触摸反馈动画，在控件被触摸时触发水波纹效果。此效果只在Android 5.0以上设备上生效。系统自带效果 Android 5.0之后Button默认自带Ripple效果，同时系统提供了2个默认的Ripple效果。 //有边界...

Android 5.X之Ripple，Palette的详解

m0_71272694的博客

06-26

882

Android 5.x 提供了视图的水波纹效果， RippleDrawable 实现。RippleDrawable特性：自定义触摸反馈动画以波纹效果来显示状态变化的 Drawable ripple 标签即对应一个 RippleDrawable使用：在V21中新建XML文件： 1 item android:drawable=”@drawable/bg”指定了按钮的正常状态的显示效果， android:color=”#FFEEEEEE”指定了点击时候的波纹颜色 1. item android:

android RippleDrawable讲解

mffandxx的博客

02-24

2619

1 RippleDrawable简介Ripple是涟漪的意思，那么RippleDrawable的作用：当按下的时间，就会出现水波纹的效果。。。

Material Design之RippleDrawable详解

七号公园的博客

11-09

7306

Material Design之RippleDrawable详解自从android5.0开始以后，google就推出了一套UI设计语言materialdesign，俗称：材料设计。其中一个最直观的效果就是涟漪效果，就是可以点击的控件会有一个波浪的效果。这个效果就是RippleDirawable。今天就来研究下这个RippleDrawable。官方地址 https://developer.a

android button背景光晕动画

06-11

要实现 Android Button 的背景光晕动画，你可以通过使用 RippleDrawable 来实现。RippleDrawable 是 Android 5.0 (API 21) 引入的一个可产生波纹效果的 Drawable 类型。以下是一个简单的实现步骤： 1. 在 res/drawable 目录下创建一个 XML 文件，命名为 button_bg.xml，代码如下： ``` <ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="@android:color/white"> <item> <shape android:shape="rectangle"> <solid android:color="@android:color/holo_blue_light" /> </shape> </item> </ripple> ``` 其中，`<ripple>` 标签定义了 RippleDrawable 的基本属性，`<item>` 标签定义了 RippleDrawable 的背景颜色和形状。 2. 在布局文件中使用 Button，并将其背景设置为 button_bg.xml： ``` <Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/button_bg" android:text="Button" /> ``` 3. 在 Java 代码中为 Button 添加点击事件监听器，当 Button 被点击时，播放 RippleDrawable 动画： ``` Button btn = findViewById(R.id.btn); btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { RippleDrawable rippleDrawable = (RippleDrawable) btn.getBackground(); rippleDrawable.setHotspot(v.getWidth() / 2f, v.getHeight() / 2f); rippleDrawable.setVisible(true, true); rippleDrawable.setAlpha(255); rippleDrawable.setRadius(0); ObjectAnimator animator = ObjectAnimator.ofFloat(rippleDrawable, "radius", 0, btn.getWidth() * 2); animator.setDuration(500); animator.setInterpolator(new AccelerateDecelerateInterpolator()); animator.start(); } } }); ``` 在上面的代码中，我们使用 ObjectAnimator 来实现 RippleDrawable 半径的动画变化，从而产生背景光晕的效果。注意：RippleDrawable 只能在 Android 5.0 及以上版本中使用，如果需要兼容低版本的 Android 系统，可以考虑使用第三方库来实现类似的效果。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交