在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>
如果觉得我的文章对您有用,请点顶。您的支持将鼓励我继续码蛋!