效果图

一、CardView是什么？

CardView是一个视图容器，继承自FrameLayout，CardView像一张卡片，有阴影和圆角，这些属性也可以添加到其他视图组中。

二、使用步骤

1.布局

代码如下（示例）：

<androidx.cardview.widget.CardViewandroid:id="@+id/card_view"android:layout_width="match_parent"android:layout_height="100dp"android:layout_margin="10dp"android:padding="10dp"app:cardBackgroundColor="@color/white"app:cardElevation="10dp"app:cardCornerRadius="5dp"app:contentPadding="5dp" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"><ImageViewandroid:id="@+id/img"android:layout_width="120dp"android:layout_height="match_parent"android:background="@mipmap/fruit"/><TextViewandroid:layout_marginLeft="20dp"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="水果水果水果水果水果水果水果水果"android:textSize="14sp"android:textColor="#333"/></LinearLayout></androidx.cardview.widget.CardView>

2.属性

app:cardElevation：阴影的大小
app:cardCornerRadius：圆角的大小
app:contentPadding：卡片里内容距卡片边距的距离
app:cardBackgroundColor：卡片背景颜色

总结

CardView卡片式布局可以使用于商品列表、明信片等

Android Material Design 之 CardView卡片式布局相关推荐

android卡片式网格,CardView(卡片式布局)
效果图 CardView是Android5.0之后出现的,用它可以实现上图所展现的圆角效果.阴影效果.实现方式直接看代码: 第一步: compile 'com.android.support:card ...
MaterialDesign学习篇(七)，CardView卡片式布局的使用
什么是CardView CardView顾名思义就是一个卡片型的View,它是在Android5.0引入的一个控件,作为一个容器使用,它本身继承于FrameLayout,可以说它的使用和FrameLa ...
说说 Android 的 Material Design 设计（四）——卡片式布局
我们使用 CardView 与 RecyclerView 来·实现一个各种猫的卡片式展示列表吧O(∩_∩)O~ 1 CardView 控件 1.1 引入依赖库打开 app/build.gradle, ...
Android 学习之《第一行代码》第二版笔记（二十三）Material Design 实战 —— 卡片式布局
实现基础: Android 学习之<第一行代码>第二版笔记(二十二)Material Design 实战 -- 悬浮按钮和可交互提示卡片式布局卡片式布局是 Materials Des ...
android material design 军火库控件
文章目录一.罗列MD风格的控件 DrawerLayout(滑动菜单-主体布局) Toolbar NavigationView(滑动菜单-菜单布局) FloatingActionButton + Sa ...
Android5.0新特性：CardView卡片式设计
CardView卡片式设计 Android 5.0最主要的变化就是采用了全新的Material Design界面.Material Design就是材质化设计,材质化设计指的是物体是有质地的,两个控件 ...
Android Material Design TabLayout属性app:tabMode和app: tabGravity
Android Material Design TabLayout属性app:tabMode和app: tabGravity Android Material Design 中的TabLayout有两 ...
Android Material Design ：LinearLayoutCompat添加分割线divider
Android Material Design :LinearLayoutCompat添加分割线divider Android Material Design 扩展支持包中的LinearLayo ...
Android Material Design按钮样式设计
Today we'll dive deep into Android Buttons in Material Design and develop an application that showca ...

Android Material Design 之 CardView卡片式布局

文章目录

效果图

一、CardView是什么？

二、使用步骤

1.布局

2.属性

总结

Android Material Design 之 CardView卡片式布局相关推荐

最新文章

热门文章