ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

Android 控件 - CardView(快速实现圆角)

2026/8/11 3:07:34 拓冰建站 浏览量
Android 控件 - CardView(快速实现圆角) CardView1、基本介绍CardView 是 Android 在androidx.cardview包中提供的一个 UI 容器控件CardView 的核心作用是快速实现圆角CardView 还自带 Material Design 风格的阴影效果2、CardView 属性圆角相关属性说明app:cardCornerRadius设置圆角半径单位 dp。值越大圆角越圆阴影相关属性说明app:cardElevation阴影高度单位 dp。值越大阴影越重app:cardMaxElevation最大阴影高度一般不使用背景相关属性说明app:cardBackgroundColor卡片背景色默认为白色内边距相关属性说明app:contentPadding内边距app:contentPaddingBottom底部内边距app:contentPaddingLeft左侧内边距app:contentPaddingRight右侧内边距app:contentPaddingTop顶部内边距3、演示基本使用androidx.constraintlayout.widget.ConstraintLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.ViewNestActivityandroidx.cardview.widget.CardViewandroid:layout_width400pxandroid:layout_height300pxapp:cardCornerRadius10pxapp:cardElevation10pxapp:layout_constraintBottom_toBottomOfparentapp:layout_constraintEnd_toEndOfparentapp:layout_constraintStart_toStartOfparentapp:layout_constraintTop_toTopOfparentLinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationvertical//androidx.cardview.widget.CardView/androidx.constraintlayout.widget.ConstraintLayout去除阴影androidx.constraintlayout.widget.ConstraintLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.ViewNestActivityandroidx.cardview.widget.CardViewandroid:layout_width400pxandroid:layout_height300pxapp:cardCornerRadius10pxapp:cardElevation0pxapp:layout_constraintBottom_toBottomOfparentapp:layout_constraintEnd_toEndOfparentapp:layout_constraintStart_toStartOfparentapp:layout_constraintTop_toTopOfparentLinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationvertical//androidx.cardview.widget.CardView/androidx.constraintlayout.widget.ConstraintLayout使用背景与内边距androidx.constraintlayout.widget.ConstraintLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.ViewNestActivityandroidx.cardview.widget.CardViewandroid:layout_width400pxandroid:layout_height300pxapp:cardCornerRadius10pxapp:cardElevation10pxapp:contentPaddingBottom12dpapp:contentPaddingLeft16dpapp:contentPaddingRight16dpapp:contentPaddingTop12dpapp:layout_constraintBottom_toBottomOfparentapp:layout_constraintEnd_toEndOfparentapp:layout_constraintStart_toStartOfparentapp:layout_constraintTop_toTopOfparentLinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:backgroundcolor/blueandroid:orientationvertical//androidx.cardview.widget.CardView/androidx.constraintlayout.widget.ConstraintLayout画圆androidx.constraintlayout.widget.ConstraintLayoutxmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:apphttp://schemas.android.com/apk/res-autoxmlns:toolshttp://schemas.android.com/toolsandroid:idid/mainandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.ViewNestActivityandroidx.cardview.widget.CardViewandroid:layout_width400pxandroid:layout_height400pxapp:cardCornerRadius200pxapp:cardElevation0pxapp:layout_constraintBottom_toBottomOfparentapp:layout_constraintEnd_toEndOfparentapp:layout_constraintStart_toStartOfparentapp:layout_constraintTop_toTopOfparentLinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:backgroundcolor/blueandroid:orientationvertical//androidx.cardview.widget.CardView/androidx.constraintlayout.widget.ConstraintLayout