在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>

如果覺得我的文章對您有用，請點頂。您的支援將鼓勵我繼續碼蛋！