RippleDrawable

作者: 难得糊涂与君勉 | 来源:发表于2018-01-15 15:37 被阅读74次
资料展示

其他Draw文章参考:
Android中Drawable整体介绍

前言

Ripple: 波纹

在使用时候,通过点击时候,会产生波纹效果。

系统提供

//有界波纹
android:background="?android:attr/selectableItemBackground"
//无界波纹
android:background="?android:attr/selectableItemBackgroundBorderless"

可以直接给你想用的控件设置背景,背景的值就是上面提到的几个。

自己定义

(1)示例样式一

 <!-- A red ripple masked against an opaque rectangle. --/>
 <ripple 
    android:color="#ffff0000"
    android:radius="145dp">
   <item android:id="@android:id/mask"
         android:drawable="@android:color/white" />
 </ripple>

红色的波纹掩盖了一个白色的矩形,
也就是说,ripple标签中的
android:color="#ffff0000"指定的是波纹的颜色
android:radius:表示指定一个维度,波纹半径完全展开时。 默认情况下,半径是根据波纹容器的大小来计算的。
可能是一个维度值,这是一个浮点数字,附加一个单位,如“14.5sp”。 可用的单位是:px(像素),dp(密度独立像素),sp(基于首选字体大小的缩放像素),单位为英寸和毫米。

这里提到了一个item,你可以通过item使得这个波纹不会无休止的扩散,让其有边界,并且可以指定底色。
因为大多数使用时候当做一个View的background使用,那么底色便存在了意义,可以认为是指定原来View的背景颜色。

(2)示例样式二

 <!-- An unbounded red ripple. --/>
 <ripple android:color="#ffff0000" />

这样使用表示的是一个没有边界的红色的波纹,当在点击时候会展开一个红色的没有边界的波纹,由于没有
<item>,也没有android:radius属性,所以默认的是扩展到波纹容器的大小。

(3)示例样式三

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#f7ef07"
        android:radius="145dp"
    >
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#f14509"/>
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#937c74"/>
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <solid android:color="#fffcfc"/>
        </shape>
    </item>

</ripple>

如图所示,指定了好几个item,但是在使用的时候,默认给view使用的是最后一个item的颜色,在点击的时候,波纹的颜色是ripple标签中指定的颜色。

这样看起来是不难的,具体的可以将代码拷贝到程序中测试看看。

相关文章

网友评论

    本文标题:RippleDrawable

    本文链接:https://www.haomeiwen.com/subject/cmqdoxtx.html