Android CardView卡片布局详解（八）

一、CardView简介

CardView卡片布局是Android 5.0之后推出的布局效果，一般用于显示阴影和圆角效果的UI。CardView继承自FrameLayout帧布局，所以它其实还是一个布局。

卡片布局示例：

二、CardView属性介绍

cardBackgroundColor：设置背景色，CardView为了实现阴影效果，内部已经消耗掉了 Background属性，所以新增cardBackgroundColor属性用于设置背景色。
cardCornerRadius：设置圆角半径。
contentPadding：设置内部padding，CardView内部消耗掉了padding属性，新增了contentPadding属性。
cardElevation：设置阴影大小
cardUseCompatPadding：默认为false，用于5.0及以上，true则添加额外的padding绘制阴影。
cardPreventCornerOverlap：默认为true，用于5.0及以下，添加额外的padding，防止内容和圆角重叠。

有关cardUseCompatPadding和cardPreventCornerOverlap的属性讲解，可以参考这位大神的讲解。https://www.jianshu.com/p/a44da1d6a4cf

三、CardView使用示例

在布局文件中使用CardView卡片布局。

<?xml version="1.0" encoding="utf-8"?>
<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:layout_width="match_parent"android:layout_height="match_parent"android:background="#FFFFFF"tools:context=".MainActivity08"><androidx.cardview.widget.CardViewandroid:id="@+id/card"android:layout_width="200dp"android:layout_height="200dp"android:layout_marginLeft="20dp"android:layout_marginTop="10dp"app:cardBackgroundColor="#ffffff"app:cardCornerRadius="10dp"app:cardElevation="10dp"app:cardPreventCornerOverlap="true"app:cardUseCompatPadding="false"><ImageViewandroid:id="@+id/imageView1"android:layout_width="200dp"android:layout_height="wrap_content"android:scaleType="centerCrop"app:srcCompat="@drawable/winter" /><TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="5dp"android:layout_marginTop="120dp"android:layout_marginRight="10dp"android:text="美丽风景，美丽风景，美丽风景，美丽风景，美丽风景，美丽风景。"android:textColor="#000000"android:textSize="14sp" /></androidx.cardview.widget.CardView></RelativeLayout>

上面布局效果展示：

原创不易，点个赞再走呗。。。

Android CardView卡片布局详解（八）相关推荐

android沉浸式布局详解
原文:https://blog.csdn.net/qq_21806653/article/details/51802 1. 沉浸式布局简介沉浸,何为沉浸?我所理解的就是让用户身临其境,尽量不被其他环 ...
Android六大基本布局详解
一．基本理论 Android六大基本布局分别是:线性布局LinearLayout.表格布局TableLayout.相对布局RelativeLayout. 层布局FrameLayout.绝对布局Abso ...
android布局置顶_[置顶] Android系统五大布局详解Layout
我们知道Android系统应用程序一般是由多个Activity组成,而这些Activity以视图的形式展现在我们面前,视图都是由一个一个的组件构成的.组件就是我们常见的Button.TextEdit等 ...
Android CardView卡片布局标签：控件
CardView介绍 CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果:CardView被包装为一种布局,并且经常在ListV ...
ANDROID L——Material Design详解（主题和布局）
转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! Android L: Google已经确认Android L就是Android Lolli ...
android自定义阴影的卡片布局,CardView卡片布局的简单使用
有时候我们见到过App上有那种和卡片一样的布局,自定义的话太麻烦,于是有了大佬给我们集成了第三方,CardView卡片式布局设计 CardView简介 CardView继承自FrameLayout类. ...
Android开发重点难点1：RelativeLayout(相对布局)详解
前言啦啦啦~博主又推出了一个新的系列啦~ 之前的Android开发系列主要以完成实验的过程为主,经常会综合许多知识来写,所以难免会有知识点的交杂,给人一种混乱的感觉. 所以博主推出"重点难 ...
android中帧布局效果,布局之FrameLayout(帧布局)详解
New UI-布局之FrameLayout(帧布局)详解 --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途!本节引言:FrameLayout(帧布局)可以说是六大布局中最为简单的一 ...
Android应用坐标系统全面详解
Android应用坐标系统全面详解原文链接:CSDN@工匠若水,http://blog.csdn.net/yanbober/article/details/50419117 1. 背景去年有很多人 ...

Android CardView卡片布局详解（八）

一、CardView简介

二、CardView属性介绍

三、CardView使用示例

Android CardView卡片布局详解（八）相关推荐

最新文章

热门文章