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