Android中增强View阴影强度方法及CardView选中效果实现求助

一、增强Android View的阴影强度 #

1. 针对CardView的快速调整 #

直接通过XML属性或代码修改阴影相关参数：

• app:cardElevation：控制基础阴影高度，值越大阴影越明显
• app:maxCardElevation：设置阴影最大高度，避免阴影被裁剪
• app:shadowColor：指定阴影颜色，深色（如#33000000）会让阴影视觉上更厚重
• API 28+ 可额外设置outlineAmbientShadowColor和outlineSpotShadowColor，分别控制环境阴影和点光源阴影的颜色

示例XML：

<androidx.cardview.widget.CardView
    ...
    app:cardElevation="12dp"
    app:maxCardElevation="16dp"
    app:shadowColor="#44000000" />

2. 自定义View阴影（兼容低版本） #

通过LayerDrawable实现自定义阴影，适合所有Android版本：
创建res/drawable/custom_shadow.xml：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 阴影层：通过padding扩展阴影范围，color控制阴影深浅 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#44000000" />
            <corners android:radius="8dp" />
            <padding
                android:bottom="4dp"
                android:left="4dp"
                android:right="4dp"
                android:top="4dp" />
        </shape>
    </item>
    <!-- 内容层：与阴影层圆角保持一致 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:radius="8dp" />
        </shape>
    </item>
</layer-list>

将其设置为View的背景：

<View
    ...
    android:background="@drawable/custom_shadow" />

3. Material组件扩展 #

使用Material Design库的ShapeableImageView或MaterialCardView，配合elevation属性和阴影颜色参数，能更灵活控制阴影效果。

二、实现CardView选中效果（匹配示例图） #

示例图效果为：选中时CardView出现高亮边框+增强阴影，未选中时恢复常态，以下是两种实现方案：

方案1：普通CardView+状态选择器 #

步骤1：创建边框状态选择器

新建res/drawable/card_selector.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true">
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:radius="8dp" />
            <stroke android:width="2dp" android:color="#2196F3" /> <!-- 选中时的蓝色边框 -->
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:radius="8dp" />
            <stroke android:width="0dp" android:color="@android:color/transparent" />
        </shape>
    </item>
</selector>

步骤2：布局中配置CardView

<androidx.cardview.widget.CardView
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp"
    android:clickable="true"
    android:focusable="true"
    android:foreground="?attr/selectableItemBackground"
    app:cardBackgroundColor="@drawable/card_selector"
    app:cardElevation="4dp"
    app:maxCardElevation="6dp"
    app:cardCornerRadius="8dp">

    <!-- 内部内容示例 -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:text="示例选项" />

</androidx.cardview.widget.CardView>

步骤3：代码中切换状态与阴影

val cardView = findViewById<CardView>(R.id.card_view)
cardView.setOnClickListener {
    it.isSelected = !it.isSelected
    // 动态调整阴影强度
    if (it.isSelected) {
        cardView.cardElevation = resources.getDimension(R.dimen.card_selected_elevation)
        cardView.maxCardElevation = resources.getDimension(R.dimen.card_selected_max_elevation)
    } else {
        cardView.cardElevation = resources.getDimension(R.dimen.card_normal_elevation)
        cardView.maxCardElevation = resources.getDimension(R.dimen.card_normal_max_elevation)
    }
}

在res/values/dimens.xml中定义尺寸：

<dimen name="card_normal_elevation">4dp</dimen>
<dimen name="card_normal_max_elevation">6dp</dimen>
<dimen name="card_selected_elevation">12dp</dimen>
<dimen name="card_selected_max_elevation">16dp</dimen>

方案2：MaterialCardView（推荐） #

MaterialCardView原生支持选中状态，实现更简洁：

步骤1：布局配置MaterialCardView

<com.google.android.material.card.MaterialCardView
    android:id="@+id/material_card"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp"
    android:clickable="true"
    android:focusable="true"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp"
    app:maxCardElevation="6dp"
    app:checkedIcon="@null" <!-- 移除默认选中图标 -->
    app:strokeColor="@color/card_stroke_color_selector"
    app:strokeWidth="2dp">

    <!-- 内部内容示例 -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:text="Material选项" />

</com.google.android.material.card.MaterialCardView>

步骤2：创建边框颜色选择器

新建res/color/card_stroke_color_selector.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#2196F3" android:state_checked="true" />
    <item android:color="@android:color/transparent" />
</selector>

步骤3：代码中切换状态

val materialCard = findViewById<MaterialCardView>(R.id.material_card)
materialCard.setOnClickListener {
    it.isChecked = !it.isChecked
    // 动态调整阴影
    it.cardElevation = if (it.isChecked) {
        resources.getDimension(R.dimen.card_selected_elevation)
    } else {
        resources.getDimension(R.dimen.card_normal_elevation)
    }
}

内容的提问来源于stack exchange，提问作者Himanshu Yadav Anshu