Meterial Design 常见控件的使用（八），【面试总结】

app:cardPreventCornerOverlap 是否使用 PreventCornerOverlap，设置内边距（API20 及以下中），通常该属性为了避免内容和边角的重叠

某些属性使用效果

===================================================================

• 阴影 Elevation

10dp 的阴影 Elevation.png

30dp 的 Elevation（阴影）.png

• app:contentPadding CardView 子布局与 CardView 边界

ContentPadding 为 10dp 效果 背景为红

• app:cardUseCompatPadding 设置内边距

cardUseCompatPadding=“true

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开：qq.cn.hn/FTe 免费领取

”.png

cardUseCompatPadding_false.png

CardView 使用方法

=======================================================================

当前 IDE:Android Studio 2.2 正式版

jdk1.8.102

compileSdkVersion 25

buildToolsVersion “25.0.2”

gradle 导包

dependencies {

...

compile 'com.android.support:cardview-v7:25.2.0'

}

CardView 是通常是定义在布局文件中：

<RelativeLayout

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

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/activity_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center_vertical|center_horizontal"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context="com.minminaya.cardview_learning.MainActivity">

<android.support.v7.widget.CardView

android:id="@+id/w"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:cardCornerRadius="10dp"

app:cardElevation="10dp">

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:src="@mipmap/me"/>

</android.support.v7.widget.CardView>

</RelativeLayout>

通常情况下，只需要 radius 与 elevation 就可以达到很漂亮的卡片效果，甚至悬浮式的

当然，也可以在 code 中使用：

public void setRadius(float radius)

public void setContentPadding

public void setUseCompatPadding(boolean useCompatPadding)

public void setCardBackgroundColor(@ColorInt int color)

...

高级效果 波纹点击（像点击 Button 那样）

=================================================================================

• 默认 CardView 的 android:clickable 属性是 false 的，也就是默认不可以点击，没有任何触摸反馈

实现方法：

在 CardView 布局文件节点添加

android:clickable="true"

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

gif 图录了看不出来就不放图了 QAQ

注意 对低版本的兼容处理

=======================================================================

CardView 在 API 21 以下，圆角效果会丢失：

<android.support.v7.widget.CardView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:cardCornerRadius="25dp" >

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"