Android修行手册 - CardView属性介绍

👉关于作者

众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣！！！

专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）

欢迎关注公众号【空名先生】获取更多资源和交流！

👉前提

这是小空坚持写的Android新手向系列，欢迎品尝。

新手（√√√）

大佬（√）

👉实践过程

Hello，大家好，我是小空，今天带大家学习了解下CardView。

顾名思义，她是卡片布局，就像扑克牌一样给人很舒服的感觉。

如果你是在稍微老或更老的项目上使用，你就需要依赖下CardView的库，如果你是近期创建的项目，项目默认就已经导入了。

当我们去找到CardView的时候，发现他就是自定义的FrameLayout，官方为我们封装了很多效果实现（包含圆角、阴影）。

😜主要属性

• app:cardBackgroundColor：设置CardView的背景色，那为什么不是平时用的background属性呢？其实是因为background在cardview已经被其他功能占用了，比如阴影。
• app:cardCornerRadius：表示设置cardview的圆角半径，如果宽高一致，设置半径值越高cardview越趋近圆形
• app:cardElevation：表示设置阴影大小，注意这个阴影处理的好能有立体效果，也就是z轴
• app:contentPadding：表示设置cardview的内部padding
• app:cardUseCompatPadding：安卓5.0以上系统使用（PS：现在很少有低于7.0的系统了吧），默认为false，true则添加额外的padding绘制阴影
• app:cardPreventCornerOverlap：同样是5.0系统以上用，表示添加额外的padding，防止cardview内部嵌套的内容和圆角重叠

😜一般属性

• app:cardMaxElevation：表示设置z轴的最大高度值
• app:contentPaddingLeft：表示单独设置内容的左padding
• app:contentPaddingTop：表示单独设置内容的上padding
• app:contentPaddingRight：表示单独设置内容的右padding
• app:contentPaddingBottom：表示单独设置内容的底padding

😜简单示例

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <androidx.cardview.widget.CardView
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:cardBackgroundColor="@color/color_00ff00"
        app:cardCornerRadius="10dp">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="芝麻粒儿：\n疯狂星期四" />
    </androidx.cardview.widget.CardView>

    <androidx.cardview.widget.CardView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginTop="20dp"
        app:cardBackgroundColor="@color/color_00ff00"
        app:cardCornerRadius="40dp">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/study_six" />
    </androidx.cardview.widget.CardView>
</LinearLayout>

👉其他

📢作者：小空和小芝中的小空

📢转载说明-务必注明来源：芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢这位道友请留步☁️，我观你气度不凡，谈吐间隐隐有王者霸气💚，日后定有一番大作为📝！！！旁边有点赞👍收藏🌟今日传你，点了吧，未来你成功☀️，我分文不取，若不成功⚡️，也好回来找我。