Android 5.0 MaterialDesign Ripple效果水波纹效果

在Android 5.X的UI射击Material Design中，更是使用了大量的动画效果，同事Google也在官方文档上增加了对动画的设计指导。

Ripple效果

在Android 5.0后，material Design大量使用了Ripple效果，那就是点击后的波纹效果。

//波纹有边界
android:background=”?android:attr/selectableItemBackground”

//波纹超出边界
android:background=”?android:attr/selectableItemBackgroundBorderless”

在Drawable里面创建XML实现Ripple效果

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="@color/text_sub_other_color">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="?android:colorAccent"/>
        </shape>
    </item>
</ripple>

使用方法所示

 <LinearLayout
                android:id="@+id/ll_home"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@drawable/bg_ripple_btn"
                android:gravity="center"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/tv_home_text"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/dp_2"
                    android:drawablePadding="@dimen/dp_3"
                    android:drawableTop="@drawable/main_bottom_tab_home"
                    android:text="@string/menu_text_home"
                    android:textColor="@drawable/event_select_text"
                    android:textSize="@dimen/font_size_12"/>
            </LinearLayout>

如果觉得我的文章对您有用，请点顶。您的支持将鼓励我继续码蛋！