如何在Android Studio中实现图示卡片？前端开发新手求布局建议

1. 使用CardView（最推荐） #

这是Android官方专门为卡片场景提供的控件，自带圆角、阴影、点击反馈等特性，上手简单，完美适配新手需求：

• 先在Module级别的build.gradle中添加依赖：

  implementation "androidx.cardview:cardview:1.0.0"
  

• 在XML布局中直接使用：

  <androidx.cardview.widget.CardView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      app:cardCornerRadius="8dp"  <!-- 设置圆角大小 -->
      app:cardElevation="4dp"     <!-- 设置阴影高度 -->
      app:cardUseCompatPadding="true">
  
      <!-- 卡片内部用LinearLayout/ConstraintLayout等包裹内容 -->
      <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:orientation="vertical"
          android:padding="16dp">
  
          <TextView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="卡片标题"
              android:textSize="18sp"
              android:textStyle="bold"/>
  
          <TextView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="卡片内容描述"
              android:textSize="14sp"
              android:layout_marginTop="8dp"/>
  
      </LinearLayout>
  </androidx.cardview.widget.CardView>
  

2. 普通布局+自定义背景Drawable #

如果不想依赖CardView，也可以给LinearLayout/ConstraintLayout这类基础布局设置带圆角和阴影的背景：

• 在res/drawable目录下创建card_bg.xml：

  <?xml version="1.0" encoding="utf-8"?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <solid android:color="#FFFFFF"/> <!-- 卡片背景色 -->
      <corners android:radius="8dp"/> <!-- 圆角大小 -->
      <padding android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp"/>
  </shape>
  

• 然后在布局中引用：

  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      android:background="@drawable/card_bg"
      android:elevation="4dp"  <!-- 设置阴影高度，仅Android 5.0+生效 -->
      android:orientation="vertical"
      android:padding="16dp">
  
      <!-- 内部内容布局 -->
  </LinearLayout>
  

  注意：这种方式的阴影在低版本Android系统可能显示异常，CardView做了兼容性处理，新手更推荐前者。

3. MaterialDesign组件库的MaterialCardView #

如果项目使用Material Design风格，可以用MaterialCardView实现更灵活的卡片样式：

• 先添加Material依赖：

  implementation "com.google.android.material:material:1.9.0"
  

• 在XML中使用并配置样式：

  <com.google.android.material.card.MaterialCardView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      app:shapeAppearance="@style/CardShape">
  
      <!-- 内部内容 -->
  </com.google.android.material.card.MaterialCardView>
  

• 在styles.xml中定义圆角样式：

  <style name="CardShape" parent="ShapeAppearance.MaterialComponents.MediumComponent">
      <item name="cornerFamily">rounded</item>
      <item name="cornerSize">8dp</item>
  </style>
  

总结：作为前端转Android的新手，优先选择CardView，它是官方针对性设计的控件，兼容性强、配置简单，能快速实现你需要的卡片效果。

内容的提问来源于stack exchange，提问作者Rezarak SL