首页 > 移动平台 > 详细

android 5.0 -- Ripple 效果

时间:2015-11-22 18:45:43      阅读:411      评论:0      收藏:0      [点我收藏+]

Ripple 水波纹效果,也就是涟漪效果。

波纹效果有两种:

  1,波纹有边界:波纹涟漪效果只是显示在控件内部  

android:background="?android:attr/selectableItemBackground"

  2,波纹超出边界:波纹涟漪效果不会被限制在控件内部

android:background="?android:attr/selectableItemBackgroundBorderless"

通过给布局文件里面添加如上代码,就可以比较灵活的控制涟漪效果的显示区域。

 

设置波纹的颜色:

android:colorControlHighlight:设置波纹颜色
设置checkbox等控件的选中颜色:
android:colorAccent:设置checkbox等控件的选中颜色

 

res/drawable/ripple_round.xml

<?xml version="1.0" encoding="utf-8"?>

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorPrimary">

    <item>
        <shape android:shape="oval">
            <solid android:color="?android:colorPrimary" />
        </shape>
    </item>
</ripple>

res/drawable/oval.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item>
        <shape android:shape="oval">
            <solid android:color="#738ffe" />
        </shape>
    </item>
</ripple>

布局文件中使用:

<Button
        android:id="@+id/fab_button"
        android:layout_width="56dp"
        android:transitionName="fab"
        android:layout_height="56dp"
        android:background="@drawable/ripple_round"
        android:elevation="5dp"/>

 

android 5.0 -- Ripple 效果

原文:http://www.cnblogs.com/androidsuperman/p/4986347.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!