如何创建指定形状的Android Custom View并在LinearLayout中对齐排列

实现方式非常灵活，完全可以满足你在LinearLayout中多个组件水平对齐排列的需求，常用两种实现方案可以选：

方案1：自定义View自绘（灵活度最高，支持任意复杂形状） #

适合需要完全自定义轮廓、内部内容的场景：

• 新建自定义类继承View或其他现有Android组件（比如AppCompatTextView如果需要自带文字能力），重写onDraw方法
• 用Path类定义你需要的专属形状，支持直线、圆弧、贝塞尔曲线等任意图形，完全匹配示例图的轮廓效果
• 创建抗锯齿的Paint实例，设置填充/描边样式、颜色等属性，调用canvas.drawPath()完成形状绘制
• 重写onMeasure方法指定统一的宽高测量规则，保证所有同类型组件放在布局中时尺寸一致，自然对齐
• 可自定义XML属性，比如形状颜色、圆角大小、特殊边角尺寸等，方便在布局中直接配置参数

示例代码参考：

class CustomShapeView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {
    private val shapePath = Path()
    private val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
        color = Color.parseColor("#FF6200EE")
        style = Paint.Style.FILL
    }

    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)
        // 此处替换为你需要的形状Path逻辑，示例为斜角标签形状
        shapePath.reset()
        shapePath.moveTo(0f, 0f)
        shapePath.lineTo(w.toFloat(), 0f)
        shapePath.lineTo(w - 30f, h.toFloat())
        shapePath.lineTo(0f, h.toFloat())
        shapePath.close()
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        canvas.drawPath(shapePath, paint)
        // 可在此处添加文字、图标等内容的绘制逻辑
    }
}

方案2：Material组件快速实现（简单形状首选，代码量少） #

如果你的形状是规则的边角变形，不需要复杂的自定义曲线，直接用Material库的组件就能快速实现：

• 直接使用ShapeableImageView，或者给普通View的背景设置MaterialShapeDrawable
• 自定义ShapeAppearanceModel指定各个边角的形状、尺寸，不需要重写任何View方法，配置即可生效
• 统一设置组件的宽高参数后，放在LinearLayout中会自动对齐

布局使用示例 #

多个组件水平排列对齐的布局写法参考：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:gap="8dp">

    <com.example.yourpackage.CustomShapeView
        android:layout_width="0dp"
        android:layout_height="40dp"
        android:layout_weight="1"/>

    <com.example.yourpackage.CustomShapeView
        android:layout_width="0dp"
        android:layout_height="40dp"
        android:layout_weight="1"/>

    <!-- 可按需求添加更多同类型组件 -->
</LinearLayout>

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