Android视图背景：单圆角渐变色调图片实现问题求助

嘿，我明白你的需求了——想给View做一个带单个圆角+渐变叠加的图片背景，但现在代码实现的是四个角都圆角，对吧？咱们来搞定这个问题！

首先，你之前的代码应该是用了RoundRectShape或者直接绘制全圆角的矩形，所以才会四个角都圆。要实现单个圆角，咱们需要更精确地控制绘制区域，自定义Drawable是最灵活的方式，既能处理图片裁剪，又能叠加渐变。

下面是具体的解决方案：

第一步：自定义SingleRoundedCornerDrawable #

这个Drawable会负责绘制带单个圆角的图片，再叠加渐变层：

public class SingleRoundedCornerDrawable extends Drawable {
    private final Paint imagePaint;
    private final Paint gradientPaint;
    private final Bitmap bitmap;
    private final float cornerRadius;
    private final int roundedCorner;

    // 构造方法：传入图片、渐变、圆角半径、指定哪个角圆角（用Gravity常量即可）
    public SingleRoundedCornerDrawable(Bitmap bitmap, LinearGradient gradient, float cornerRadius, int roundedCorner) {
        this.bitmap = bitmap;
        this.cornerRadius = cornerRadius;
        this.roundedCorner = roundedCorner;

        // 初始化图片画笔，用BitmapShader让图片填充整个区域
        imagePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        imagePaint.setShader(new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));

        // 初始化渐变画笔，设置渐变 shader
        gradientPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        gradientPaint.setShader(gradient);
        gradientPaint.setAlpha(128); // 这里可以调整渐变的透明度，按需修改
    }

    @Override
    public void draw(@NonNull Canvas canvas) {
        Rect bounds = getBounds();
        Path path = new Path();
        float left = bounds.left;
        float top = bounds.top;
        float right = bounds.right;
        float bottom = bounds.bottom;

        // 根据指定的角，构建带单个圆角的路径
        switch (roundedCorner) {
            case Gravity.TOP_LEFT:
                path.moveTo(left + cornerRadius, top);
                path.lineTo(right, top);
                path.lineTo(right, bottom);
                path.lineTo(left, bottom);
                path.lineTo(left, top + cornerRadius);
                path.arcTo(left, top, left + cornerRadius * 2, top + cornerRadius * 2, 180, 90, true);
                break;
            case Gravity.TOP_RIGHT:
                path.moveTo(left, top);
                path.lineTo(right - cornerRadius, top);
                path.arcTo(right - cornerRadius * 2, top, right, top + cornerRadius * 2, 270, 90, true);
                path.lineTo(right, bottom);
                path.lineTo(left, bottom);
                break;
            case Gravity.BOTTOM_LEFT:
                path.moveTo(left, top);
                path.lineTo(right, top);
                path.lineTo(right, bottom);
                path.lineTo(left + cornerRadius, bottom);
                path.arcTo(left, bottom - cornerRadius * 2, left + cornerRadius * 2, bottom, 90, 90, true);
                break;
            case Gravity.BOTTOM_RIGHT:
                path.moveTo(left, top);
                path.lineTo(right, top);
                path.lineTo(right, bottom - cornerRadius);
                path.arcTo(right - cornerRadius * 2, bottom - cornerRadius * 2, right, bottom, 0, 90, true);
                path.lineTo(left, bottom);
                break;
        }
        path.close();

        // 先裁剪路径，绘制图片
        canvas.save();
        canvas.clipPath(path);
        canvas.drawBitmap(bitmap, null, bounds, imagePaint);
        canvas.restore();

        // 再裁剪路径，绘制渐变叠加层
        canvas.save();
        canvas.clipPath(path);
        canvas.drawRect(bounds, gradientPaint);
        canvas.restore();
    }

    // 以下是Drawable的必要重写方法
    @Override
    public void setAlpha(int alpha) {
        gradientPaint.setAlpha(alpha);
        invalidateSelf();
    }

    @Override
    public void setColorFilter(@Nullable ColorFilter colorFilter) {
        imagePaint.setColorFilter(colorFilter);
        gradientPaint.setColorFilter(colorFilter);
        invalidateSelf();
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }

    @Override
    public int getIntrinsicWidth() {
        return bitmap.getWidth();
    }

    @Override
    public int getIntrinsicHeight() {
        return bitmap.getHeight();
    }
}

第二步：在MainActivity中使用这个Drawable #

替换你原来的背景设置代码，改成这样：

// 加载你的图片资源
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.your_image);
// 创建你需要的渐变（这里示例是从顶部到底部的半透明黑到透明渐变）
LinearGradient gradient = new LinearGradient(0, 0, 0, bitmap.getHeight(),
        Color.parseColor("#80000000"),
        Color.parseColor("#00000000"),
        Shader.TileMode.CLAMP);

// 创建自定义Drawable，指定右上圆角，半径40dp（记得转成像素，这里直接写40f是像素值，按需调整）
SingleRoundedCornerDrawable customDrawable = new SingleRoundedCornerDrawable(bitmap, gradient, 40f, Gravity.TOP_RIGHT);
// 给View设置背景
yourTargetView.setBackground(customDrawable);

关键点解释 #

• 用Path精确构建只有单个圆角的区域，这样就不会出现四个角都圆的问题
• 通过canvas.clipPath()裁剪绘制区域，保证图片和渐变只在指定路径内显示
• 渐变的透明度和颜色可以完全自定义，满足你的需求

如果之后需要调整圆角位置，只需要修改构造方法里的roundedCorner参数（比如换成Gravity.BOTTOM_LEFT）就行，非常灵活。

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