咨询热线:023-67611227

24小时热线:13372636650

新闻中心

首页

产品方案

服务项目

开发案例
新闻资讯
联系我们

【Android】Ripple效果

2020/02/08  来源:乐潮信息

在Android5.X中,Material Design 大量的使用了Ripple效果,即点击后的波纹效果。可以通过如下代码设置波纹的背景。

//波纹有边界

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

//波纹无边界

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

 

波纹有边界是指波纹被限制在空间的边界中,而波纹超出边界则是波纹不会限制在控件边界中,会呈圆形发散出去。

<LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:gravity="center"

        android:orientation="vertical">

 

        <Button

            android:layout_width="100dp"

            android:layout_height="100dp"

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

            android:text="有界波纹Button"/>

 

        <TextView

            android:id="@+id/tv_1"

            android:layout_width="100dp"

            android:layout_height="100dp"

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

            android:gravity="center"

            android:text="有界波纹Textview" />

 

        <Button

            android:layout_width="100dp"

            android:layout_height="100dp"

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

            android:text="无界波纹"

            tools:targetApi="lollipop" />

 

        <Button

            android:layout_width="100dp"

            android:layout_height="100dp"

            android:background="@drawable/ripple"

            android:text="xml Button"

            tools:targetApi="lollipop" />

 

        <TextView

            android:id="@+id/tv_2"

            android:layout_width="100dp"

            android:layout_height="100dp"

            android:background="@drawable/ripple"

            android:gravity="center"

            android:text="xml Textview" />

</LinearLayout>

 

除了直接在布局文件中添加上述代码外,还可以在XML文件中直接来创建一个具有Ripple效果的XML文件,代码如下:

 

<ripple xmlns:android="http://schemas.android.com/apk/res/android"

    android:color="@color/theme_bg">

    <item>

<!--        矩形-->

<!--        <shape android:shape="rectangle">-->

<!--        圆形-->

        <shape android:shape="oval">

            <solid

                android:color="@color/theme" />

        </shape>

    </item>

</ripple>

 

使用方法如上布局中的:android:background="@drawable/ripple"

 

代码运行效果图如下:

  ​ 

使用注意事项:

1、使用水波纹效果,需要改view可以点击,即clickable=true。

2、注意版本限制,官方水波纹效果只在API21以上才有效,需要建立drawable-v21文件夹,在布局中使用时也可以添加:tools:targetApi="lollipop"。

参考书籍:《Android群英传》

app外包公司:分析app用户流失

app外包公司称app用户是我们开发APP最大的动力,当app受到大众欢迎时,也是app开发公司

低价制作手机APP怎么样

手机APP作为传递商品信息的重要手段,正在被广泛应用于各大商业活动中。随着互联网

怎么做一款多商户商城APP开发?

现在的互联网电商平台多种多样,特别是现在的移动互联网发展,智能手机的普及使得

点击我更换图片

公司地址:

重庆市渝北区冉家坝时光城写字楼

联系方式:

023-67611227

13372636650(24h热线)

重庆市渝北区冉家坝时光城写字楼

© 2020 乐潮信息

渝ICP备15006414号-2      渝公网安备 50011202502110号