Android全模式下绘制完美圆形失败，寻求解决方案

嘿，我太懂这种画不出完美圆形的挫败感了——明明逻辑看起来没问题，横竖屏切换还直接“变形”，简直让人头大😅。先帮你理清几个核心误区，再给你几个靠谱的实现方案：

先揪出关键问题：你可能混淆了「布局容器」和「圆形绘制载体」 #

你贴的是LinearLayout的布局代码，但这个只是容器，圆形的绘制需要依赖正方形的View载体——圆形是等宽高的图形，只要承载它的View宽高不相等，肯定会变成椭圆，横竖屏切换时如果View的宽高比例变了，自然就“垮掉”了。

三种靠谱的完美圆形实现方式 #

1. 最省心：用ShapeDrawable快速实现静态圆形 #

适合不需要动态交互的场景（比如圆形按钮、指示器）：

• 第一步：在res/drawable下创建circle_shape.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#FF4081"/> <!-- 圆形填充色 -->
    <stroke android:width="2dp" android:color="#FFFFFF"/> <!-- 可选边框 -->
</shape>

• 第二步：在布局里用一个正方形View承载它，必须保证宽高相等：

<!-- 放在你原来的LinearLayout里 -->
<View
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:background="@drawable/circle_shape"/>

• 横竖屏适配：如果不想固定dp，用ConstraintLayout的比例约束更灵活：

<View
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintDimensionRatio="1:1"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    android:background="@drawable/circle_shape"/>

2. 最灵活：自定义View绘制动态圆形 #

适合需要动态调整大小、颜色或者有交互的场景：

class CircleView(context: Context, attrs: AttributeSet?) : View(context, attrs) {
    private val paint = Paint().apply {
        color = Color.RED
        isAntiAlias = true // 抗锯齿，避免边缘发毛
        style = Paint.Style.FILL // 填充模式，也可以选STROKE画空心圆
    }

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        // 强制View为正方形：取宽高测量值的最小值
        val size = min(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.getSize(heightMeasureSpec))
        setMeasuredDimension(size, size)
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        // 取View中心作为圆心，最小边的一半作为半径
        val centerX = width / 2f
        val centerY = height / 2f
        val radius = min(width, height) / 2f - paint.strokeWidth / 2 // 减去边框宽度避免裁剪
        canvas.drawCircle(centerX, centerY, radius, paint)
    }
}

• 横竖屏适配：因为onMeasure里强制了正方形，不管横竖屏切换，View都会保持正方形，圆形自然不会变形。

3. 最现代：用Material组件的ShapeableImageView #

如果是要实现圆形图片或者带圆角的组件，Google官方推荐用这个：

<com.google.android.material.imageview.ShapeableImageView
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:src="@drawable/your_image"
    app:shapeAppearanceOverlay="@style/CircleShape"/>

然后在res/values/styles.xml里定义圆形样式：

<style name="CircleShape" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">50%</item> <!-- 50%就是圆形 -->
</style>

• 横竖屏适配：同样保证宽高相等，或者用比例约束即可。

敲黑板：避免踩坑的核心要点 #

• 永远保证承载圆形的View是正方形：这是圆形不变形的根本，不管用哪种方式，只要View宽高不等，必然是椭圆。
• 开启抗锯齿：不管是ShapeDrawable还是自定义View，都要开启抗锯齿，避免圆形边缘出现锯齿状。
• 处理padding和边框：如果加了边框，计算半径时要减去边框宽度，不然边框会被裁剪。

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