Android中底部带弧形的自定义形状布局实现求助

嘿，我来帮你搞定底部带弧形的布局问题！你现在用的shape里的corners属性只能实现固定半径的圆角，要是想要更自然或者自定义形状的弧形（比如不是简单的圆角，而是有曲线变化的弧度），这就不够用了。我给你两种实用的实现思路，你可以根据需求选：

如果还是想通过Drawable XML来实现，那可以用path标签替代corners，它能绘制更自由的曲线。比如下面这个例子，实现底部右侧的弧形效果：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 填充色 -->
    <solid android:color="@color/colorPrimary" />
    <!-- 描边 -->
    <stroke
        android:width="0.5dp"
        android:color="@color/colorPrimary" />
    <!-- 内边距 -->
    <padding
        android:bottom="5dp"
        android:left="20dp"
        android:right="0dp"
        android:top="0dp" />
    <!-- 核心：用Path绘制弧形路径 -->
    <path android:data="M0,0 L0,100 L100,100 Q90,90 100,0 Z" />
</shape>

这里的path指令简单解释下：

• M0,0：把画笔移动到左上角的起点
• L0,100：垂直向下画到左下角
• L100,100：水平向右画到右下角
• Q90,90 100,0：从右下角画一条二次贝塞尔曲线到右上角，控制点在(90,90)，这样就形成了底部右侧的弧形
• Z：闭合整个路径，形成完整的形状

你可以调整Q后面的坐标来改变弧形的弧度、位置，比如想要底部中间凸起的弧形，就把路径改成中间控制点的形式就行。

如果Drawable的灵活性还是满足不了你的需求，那自定义View是更稳妥的选择，直接在onDraw里用Canvas画弧形：

class CurvedBottomView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    // 初始化画笔，设置抗锯齿、颜色等属性
    private val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        color = ContextCompat.getColor(context, R.color.colorPrimary)
        style = Paint.Style.FILL
        strokeWidth = 0.5f
    }
    private val path = Path()

    // 当View尺寸变化时，重新计算路径
    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)
        path.reset()
        // 构建路径：左上角 → 左下角 → 用贝塞尔曲线连接到右上角
        path.moveTo(0f, 0f)
        path.lineTo(0f, h.toFloat())
        // 底部右侧弧形：控制点在(w*0.9f, h*0.9f)，终点在右上角
        path.quadTo(w*0.9f, h*0.9f, w.toFloat(), 0f)
        path.close()
    }

    // 绘制路径
    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        // 先画填充
        canvas.drawPath(path, paint)
        // 再画描边
        paint.style = Paint.Style.STROKE
        canvas.drawPath(path, paint)
        paint.style = Paint.Style.FILL
    }
}

之后直接在布局文件里引用这个自定义View就可以了，这种方式能让你完全掌控弧形的形状、弧度，适合复杂的需求。

你之前用的bottomRightRadius其实是圆角，它是固定半径的圆弧，而贝塞尔曲线可以做出更自由的曲线形状。如果你的需求只是简单的圆角，那之前的代码没问题，但如果是不规则的弧形，就试试上面的方法吧！

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