CardView 设置水波纹效果
16lz
2021-01-23
设置CardView水波纹效果
.support.v7.widget.CardView android:id="@+id/news_list_card_view" style="@style/cardStyle" android:background="@drawable/item_selector" android:clickable="true" android:focusable="true" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:card_view="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" card_view:cardCornerRadius="4dp" card_view:cardElevation="4dp">.support.v7.widget.CardView>cardview设置了背景选择器，代码如下：
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@color/text_Grey" android:state_pressed="true"/> <item android:drawable="@color/text_Grey" android:state_focused="true"/> <item android:drawable="@color/colorWhite"/>selector>
发现并没有效果，解决方案如下，给CardView添加个前景：
android:clickable="true"android:focusable="true"android:foreground="?android:attr/selectableItemBackground"这样就可以了，在5.0以上的设备上有点击有波纹效果，5.0以下无波纹，只有前景色变化
自定义CardView前景
分为5.0之前和之后两种设置，因为5.0之前没有ripple，所以5.0之前采用inset 代替。
设置CardView自定义的前景：
android:foreground="@drawable/card_foreground"5.0之后
drawable-v21/card_foreground.xml
"http://schemas.android.com/apk/res/android" android:color="#20000000"android:drawable="@drawable/card_foreground_selector" /> drawable-v21/card_foreground_selector.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape android:shape="rectangle"> <solid android:color="#18ffc400"/> shape> item> <item android:state_focused="true" android:state_enabled="true"> <shape android:shape="rectangle"> <solid android:color="#0f000000"/> shape> item>selector>效果：
5.0之前
drawable/card_foreground.xml
<inset xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/card_foreground_selector" android:insetLeft="2dp" android:insetRight="2dp" android:insetTop="4dp" android:insetBottom="4dp"/>drawable/card_foreground_selector.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true"> <shape android:shape="rectangle"> <solid android:color="#1838f508"/> <corners android:radius="@dimen/card_radius" /> shape> item> <item android:state_focused="true" android:state_enabled="true"> <shape android:shape="rectangle"> <solid android:color="#0f000000"/> <corners android:radius="@dimen/card_radius" /> shape> item>selector>效果：
直接设置selector也是可以的：
android:foreground="@drawable/card_foreground_selector"更多相关文章
- Android使用TextView实现跑马灯效果
- TextView属性android:ellipsize实现跑马灯效果
- Android 页面惯性回弹效果，Nested接口接口简单实现。
- Android 碎屏效果 (Crack Screen,击碎屏幕)
- android按钮按下的效果
- Android GLSurfaceView模糊效果
- Android(Java):按钮复选框点中效果
- Android实现轮播图效果
- Android FrameLayout的显示效果