解决 android 自定义圆角shape有阴影

原创

mob649e816880fe 2024-01-29 10:15:55 ©著作权

文章标签 圆角 Android 自定义 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e816880fe的原创作品，请联系作者获取转载授权，否则将追究法律责任

解决 Android 自定义圆角 Shape 有阴影

在 Android 开发中，我们经常需要使用 Shape 来实现自定义的控件样式。其中，圆角 Shape 是非常常见的一种形状。然而，当我们尝试给圆角 Shape 添加阴影时，会发现阴影并不会出现在圆角的边缘，而是在整个 Shape 的边缘。本文将介绍如何解决这个问题，并附带代码示例。

问题描述

在 Android 中，我们可以使用 XML 文件来定义 Shape。一般情况下，我们可以通过设置 <corners> 元素的 radius 属性来定义圆角的半径，通过设置 <solid> 元素的 color 属性来定义 Shape 的颜色。

<shape xmlns:android="
    <corners
        android:radius="10dp" />
    <solid
        android:color="#FF0000" />
</shape>

然而，当我们尝试添加阴影时，阴影并不会按照我们预期的样式出现在圆角的边缘上，而是出现在整个 Shape 的边缘上。

解决方法

要解决这个问题，我们可以通过创建一个包含圆角的 BitmapDrawable 来实现。我们可以通过以下步骤来实现这个解决方案：

创建一个新的 Bitmap，并指定它的宽度和高度。

Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

创建一个 Canvas 对象，并将其与 Bitmap 关联起来。

Canvas canvas = new Canvas(bitmap);

创建一个 Paint 对象，并设置它的阴影属性。

Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setAntiAlias(true);
paint.setShadowLayer(radius, dx, dy, shadowColor);

使用 Canvas 对象绘制一个圆角矩形，并应用阴影效果。

RectF rect = new RectF(0, 0, width, height);
canvas.drawRoundRect(rect, cornerRadius, cornerRadius, paint);

将创建的 BitmapDrawable 设置为目标 View 的背景。

view.setBackground(new BitmapDrawable(getResources(), bitmap));

完整代码示例

下面是一个完整的代码示例，演示了如何解决 Android 自定义圆角 Shape 有阴影的问题：

public void setCustomBackground(View view, float cornerRadius, int shadowColor, float dx, float dy, float radius) {
    int width = view.getWidth();
    int height = view.getHeight();

    Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    Paint paint = new Paint();
    paint.setColor(Color.RED);
    paint.setAntiAlias(true);
    paint.setShadowLayer(radius, dx, dy, shadowColor);

    RectF rect = new RectF(0, 0, width, height);
    canvas.drawRoundRect(rect, cornerRadius, cornerRadius, paint);

    view.setBackground(new BitmapDrawable(getResources(), bitmap));
}

通过调用 setCustomBackground() 方法，我们可以为任何 View 设置具有阴影的圆角背景。

总结

在本文中，我们介绍了一个解决 Android 自定义圆角 Shape 有阴影的问题的方法。通过创建一个包含圆角的 BitmapDrawable，我们可以自定义阴影在圆角的边缘上显示的样式。希望本文对您有所帮助！

关系图

下面是一个简单的关系图，表示了本文中所介绍的解决 Android 自定义圆角 Shape 有阴影的方法：

erDiagram
    View -- setCustomBackground : 使用
    setCustomBackground -- BitmapDrawable : 创建
    setCustomBackground -- Canvas : 创建
    setCustomBackground -- Paint : 创建
    setCustomBackground -- RectF : 创建
    BitmapDrawable -- Bitmap : 关联
    Canvas -- Bitmap : 关联
    Paint -- Color : 设置
    Paint -- setShadowLayer : 设置
    RectF -- drawRoundRect : 绘制