zoukankan      html  css  js  c++  java
  • android 5.0 -- Ripple 效果

    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"/>
  • 相关阅读:
    AI公司的商业模式
    半监督学习(semi-supervised learning)综述
    图神经网络GNN系列一:入门篇
    怎么写论文的总结(conclusion)
    怎么写论文摘要
    多示例学习(multiple instance learning)定义
    2017CVPR-UntrimmedNets for Weakly Supervised Action Recognition and Detection论文笔记
    向上向下取整
    数论
    set的用法
  • 原文地址:https://www.cnblogs.com/androidsuperman/p/4986347.html
Copyright © 2011-2022 走看看