如何对LinearLayout的背景图进行中心裁剪？CardView场景适配

嘿，我完全懂你的痛点——想给LinearLayout设置背景图并实现中心裁剪，但又不敢用ImageView，怕它把CardView的高度撑得不符合需求对吧？给你几个实用的解决方案，你可以根据自己的场景选：

方案一：纯XML实现（推荐）——用ConstraintLayout嵌套ImageView做背景 #

这个方案不用写Java代码，直接通过布局嵌套就能实现，而且能精准控制CardView的高度：

把原来的LinearLayout替换成ConstraintLayout，在里面放一个铺满父布局的ImageView作为背景，设置scaleType="centerCrop"，然后把你的内容放在ImageView上方即可。ImageView会自动适配CardView的高度，不会额外撑开：

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/primary_card"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- 背景ImageView：铺满父布局，中心裁剪 -->
        <ImageView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:src="@drawable/your_bg_image"
            android:scaleType="centerCrop"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"/>

        <!-- 你的原有内容容器，放在背景上方 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent">

            <!-- 这里放你的TextView、按钮等内容 -->
        </LinearLayout>

    </androidx.constraintlayout.widget.ConstraintLayout>

</android.support.v7.widget.CardView>

方案二：Java代码动态设置BitmapDrawable #

如果不想改布局结构，可以通过代码给LinearLayout设置带裁剪属性的背景Drawable：

核心思路是创建BitmapDrawable，设置它的gravity为CENTER，这样图片就会在LinearLayout的范围内中心裁剪显示：

// 从资源加载背景图（也可以从文件/网络加载）
Bitmap bgBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.your_bg_image);
// 创建BitmapDrawable并设置裁剪属性
BitmapDrawable bgDrawable = new BitmapDrawable(getResources(), bgBitmap);
bgDrawable.setGravity(Gravity.CENTER);
// 开启图片过滤让缩放更平滑
bgDrawable.setFilterBitmap(true);
// 设置为LinearLayout的背景
yourLinearLayout.setBackground(bgDrawable);

注意：如果你的LinearLayout是RecyclerView的item，记得在onViewRecycled里回收Bitmap，避免内存泄漏。

方案三：自定义LinearLayout重写onDraw #

如果需要更灵活的自定义裁剪逻辑，可以自己写一个LinearLayout子类，在onDraw方法中手动绘制裁剪后的背景图：

public class CropBgLinearLayout extends LinearLayout {
    private Bitmap mBgBitmap;

    public CropBgLinearLayout(Context context) {
        super(context);
        init();
    }

    public CropBgLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public CropBgLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        // 设为透明背景，避免系统默认背景干扰
        setBackgroundColor(Color.TRANSPARENT);
        // 加载背景图（可以改成从自定义属性获取）
        mBgBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.your_bg_image);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mBgBitmap == null) return;

        // 计算中心裁剪的缩放比例和绘制区域
        float scale = Math.max((float) getWidth() / mBgBitmap.getWidth(),
                (float) getHeight() / mBgBitmap.getHeight());
        int scaledWidth = Math.round(mBgBitmap.getWidth() * scale);
        int scaledHeight = Math.round(mBgBitmap.getHeight() * scale);
        int left = (getWidth() - scaledWidth) / 2;
        int top = (getHeight() - scaledHeight) / 2;

        // 绘制裁剪后的背景图
        canvas.drawBitmap(mBgBitmap,
                new Rect(0, 0, mBgBitmap.getWidth(), mBgBitmap.getHeight()),
                new Rect(left, top, left + scaledWidth, top + scaledHeight),
                null);
    }

    // 回收Bitmap，避免内存泄漏
    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        if (mBgBitmap != null && !mBgBitmap.isRecycled()) {
            mBgBitmap.recycle();
            mBgBitmap = null;
        }
    }
}

然后在XML中直接使用这个自定义View：

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/primary_card"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp">

    <com.yourpackage.CropBgLinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- 你的内容 -->
    </com.yourpackage.CropBgLinearLayout>

</android.support.v7.widget.CardView>

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