Android L Ripple的使用

声明:Demo并不是有本人所写,本人只是总结在这里

工程源码: RippleDemo.zip

----------------------------------------------------

总纲

1. 没有边界的Ripple(Ripple With No Mask)

2. 用颜色作为Mask的Ripple(Ripple With Color Mask),然而颜色并没有什么卵用

3. 用图片作为Mask的Ripple(Ripple With Picture Mask)

4. 用设定形状作为Mask的Ripple(Ripple With Shape Mask)

5. 搭配selector作为Ripple(Ripple With Selector)

----------------------------------------------------

1. 没有边界的Ripple(Ripple With No Mask)

<ripple>标签
Ripple标签,即对应一个RippleDrawable,当它被设置为一个控件的background属性时,控件在按下时,即会显示水波效果

ripple_red.xml

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

</ripple>

使用

<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/ripple_red"
    android:clickable="true"
    android:gravity="center"
    android:text="Ripple With No Mask" />

效果:

2. 用颜色作为Mask的Ripple(Ripple With Color Mask),然而颜色并没有什么卵用,对于限定边界还是有用的

如果在一个ripple标签中,添加一个item,其id为@android:id/mask,drawable属性为引用的颜色(color) ,则水波效果会限定在drawable对应的RippleDrawable本身矩形区域内部。

ripple_red_with_white_mask.xml

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

    <item android:id="@android:id/mask"
         android:drawable="@android:color/white" />

</ripple>

效果

3. 用图片作为Mask的Ripple(Ripple With Picture Mask)

如果在一个ripple标签中,添加一个item,其id为@android:id/mask,drawable属性为引用的图片(png,jpg),则水波效果会限定在图片drawable中非透明部分对应的区域内部。

ripple_red_with_pic_mask

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

    <item android:id="@android:id/mask"
         android:drawable="@drawable/icon_folder_r" />

</ripple>

效果:

4. 用设定形状作为Mask的Ripple(Ripple With Shape Mask)

如果在一个ripple标签中,添加一个item,其id为@android:id/mask,drawable属性为引用的形状(shape) ,则水波效果会限定在shape对应的区域内部。

先定义shape:shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#ff9d77"/>
    <corners
        android:bottomRightRadius="100dp"/>
</shape>

在定义ripple:ripple_red_with_shape_mask

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

    <item
        android:id="@android:id/mask"
        android:drawable="@drawable/shape"/>

</ripple>

效果:

5. 搭配selector作为Ripple(Ripple With Selector)

如果在一个ripple标签中,添加一个item,在item的内部写上<selector>标签,那么这个RippleDrawable在按下的时候,同时具有水波效果和selector指定的图层。

ripple_red_with_selector

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#FF0000" >
    <item>
        <selector>
            <item
                android:drawable="@drawable/icon_folder_i"
                android:state_pressed="true">
            </item>
            <item
                android:drawable="@drawable/icon_folder_r"
                android:state_pressed="false">
            </item>
        </selector>
    </item>

</ripple>

效果

时间: 2024-10-08 15:22:01

Android L Ripple的使用的相关文章

(转)Android L Ripple的使用

声明:Demo并不是有本人所写,本人只是总结在这里 工程源码: RippleDemo.zip ---------------------------------------------------- 总纲 1. 没有边界的Ripple(Ripple With No Mask) 2. 用颜色作为Mask的Ripple(Ripple With Color Mask),然而颜色并没有什么卵用 3. 用图片作为Mask的Ripple(Ripple With Picture Mask) 4. 用设定形状作

ANDROID L——Material Design详解(动画篇)

转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! Android L: Google已经确认Android L就是Android Lollipop(5.0). 前几天发现Android5.0正式版的sdk已经可以下载了,而且首次搭载Android L系统的Nexus 6和 Nexus 9也即将上市. 所以是时候开始学习Android L了! 关于Android L如何配置模拟器和创建项目,如果大家有兴趣的话可以看看我之前的一篇文章: A

[转]ANDROID L——Material Design详解(动画篇)

转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! 转自:http://blog.csdn.net/a396901990/article/details/40187203 Android L: Google已经确认Android L就是Android Lollipop(5.0). 前几天发现Android5.0正式版的sdk已经可以下载了,而且首次搭载Android L系统的Nexus 6和 Nexus 9也即将上市. 所以是时候开始学习

ANDROID L——Material Design具体解释(主题和布局)

转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990).谢谢支持! Android L: Google已经确认Android L就是Android Lollipop(5.0). Google之前就已经提前推出了Android L Developer Preview(开发人员预览版)来帮助开发人员更快的了解Android特性.而不久前也推出了64位的模拟器镜像.并且首次搭载Android L系统的Nexus 6和 Nexus 9也即将上市. 相信Andro

[Android L]SEAndroid开放设备文件结点权限(读或写)方法(涵盖常用操作:sys/xxx、proc/xxx、SystemProperties)

温馨提示 建议你先了解一下上一篇博文([Android L]SEAndroid增强Androd安全性背景概要及带来的影响)所讲的内容,先对SEAndroid窥个全貌,然后再继续本节内容. 1 现象描述 基于Android L版本源码环境进行开发时,根据项目需求,APP层需要操作sys/xxx 或 proc/xxx下面的文件结点,但是会报出以下权限异常,无法直接操作这些结点 LedLightFileUtil( 4671): java.io.FileNotFoundException: /sys/c

Android L 漫游浅析

这篇文章主要是分析在Android L 源代码中对手机漫游的处理.当然我这里所说的漫游指的是国际漫游.通常我们判断手机是否在国际漫游,第一个想法就是比较网络上获取的MCC+MNC是否与手机中的IMSI相同,如果不同就判断为漫游了.如果是漫游的话,手机上最直观的可以看到就是两个地方了: a . 手机的屏幕的状态拦上手机信号角标的左下方是否有"R"显示. b . Setting --->About phone --->Status --->Roming 当然这是最粗略的比

Android L Camera2 API 使用实例程序汇总

在网上发现几个使用Camera API2开发的实例程序,总结一下方便后续参考: 1.Camera2 Basic : https://github.com/googlesamples/android-Camera2Basic This sample demonstrates how to use basic functionalities of Camera2 API. You can learn how to iterate through characteristics of all the

Android L Preview for mako本人编译版的启动log

本人没此手机, log由cofface获取, 目前是卡到开机动画: https://gist.github.com/syhost/d9f2481b28d5aa8b01a0 编译时使用的vendor是Android4.4.4的, 看log貌似ks大面积报错, 也可能是内核跟vendor不搭配 Android L Preview for mako本人编译版的启动log,布布扣,bubuko.com

[Android L]SEAndroid增强Androd安全性背景概要及带来的影响

1  SEAndroid背景 Android对于操作系统安全性方面的增强一直沿用Linux内核所提供的MAC强制访问控制套件SELinux,对权限进行了更为深度的管理,有效地控制着进程对资源的访问.2012年才问世的SE Android将SELinux移植到Android平台上,以降低恶意应用程序攻击带来的损害,提供Android系统的防御能力. SE Android(Secutity-Enhanced Android)是Android与SE Linux的结合,由美国NSA在2012年推出的An