写点什么

Meterial Design 常见控件的使用(八),【面试总结】

用户头像
Android架构
关注
发布于: 刚刚

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"

用户头像

Android架构

关注

还未添加个人签名 2021.10.31 加入

还未添加个人简介

评论

发布
暂无评论
Meterial Design常见控件的使用(八),【面试总结】