求助：如何动态实现符合参考图的半圆形TextView布局？

现有代码的核心问题 #

• 固定像素值（150、250、300px）未做屏幕适配，不同设备上布局会错乱
• 角度计算逻辑不够精准，无法保证TextView均匀分布在半圆路径上
• 未考虑TextView自身尺寸对位置偏移的影响，导致View实际中心偏离圆弧轨迹
• 未处理屏幕旋转、尺寸变化时的动态重绘逻辑

优化方案及代码实现 #

1. 适配化处理：替换固定像素为动态计算值 #

用DP转PX或屏幕比例计算的方式，确保布局在不同设备上一致：

// DP转PX工具方法
fun dpToPx(context: Context, dp: Float): Float {
    return dp * context.resources.displayMetrics.density
}

// 获取屏幕可用尺寸工具方法
fun getScreenSize(context: Context): Point {
    val displayMetrics = context.resources.displayMetrics
    return Point(displayMetrics.widthPixels, displayMetrics.heightPixels)
}

2. 修正角度与位置计算逻辑 #

确保TextView均匀分布在180度半圆上，同时让View中心落在圆弧轨迹上：

val numViews = 8
val screenSize = getScreenSize(requireContext())
val centerX = screenSize.x / 2f
val centerY = screenSize.y / 2f
// 半圆半径：取屏幕较小边的1/3，保证全设备适配
val radius = min(centerX, centerY) * 0.33f
// TextView尺寸：用DP适配
val viewWidth = dpToPx(requireContext(), 60f).toInt()
val viewHeight = dpToPx(requireContext(), 100f).toInt()

// 半圆角度范围：从-90度（左侧）到90度（右侧），覆盖完整上半圆
val startAngle = -90f
val endAngle = 90f
val angleStep = (endAngle - startAngle) / (numViews - 1) // 均匀分布间隔

for (i in 0 until numViews) {
    val v = TextView(requireContext())
    v.text = "View $i"
    v.gravity = Gravity.CENTER
    v.setBackgroundColor(-0x10000)
    
    val lp = FrameLayout.LayoutParams(viewWidth, viewHeight)
    lp.gravity = Gravity.CENTER
    v.layoutParams = lp

    // 计算当前View的角度
    val angleDeg = startAngle + angleStep * i
    val angleRad = Math.toRadians(angleDeg.toDouble()).toFloat()

    // 计算View中心的偏移量，再调整为左上角的translation值（减去自身半宽高）
    val centerOffsetX = radius * cos(angleRad.toDouble()).toFloat()
    val centerOffsetY = radius * sin(angleRad.toDouble()).toFloat()
    v.translationX = centerOffsetX - viewWidth / 2f
    v.translationY = centerOffsetY - viewHeight / 2f

    // 旋转TextView，保持文字垂直向上（可根据参考图需求调整角度）
    v.rotation = angleDeg + 90f
    
    mBinding.main?.addView(v)
}

3. 动态适配屏幕变化 #

在Fragment/Activity的配置变化回调中重新生成布局，避免屏幕旋转后布局错乱：

override fun onConfigurationChanged(newConfig: Configuration) {
    super.onConfigurationChanged(newConfig)
    mBinding.main?.removeAllViews()
    // 重新调用半圆形布局生成代码
    generateSemiCircleViews()
}

进阶实现思路 #

如果需要更灵活的布局（比如支持滚动、动画），可以自定义ViewGroup：

• 重写onMeasure统一计算子View尺寸
• 重写onLayout根据圆弧轨迹精准摆放每个子View
• 支持动态添加/删除View，自动重新计算角度和位置

参考资源方向 #

• Android官方自定义View文档：学习自定义ViewGroup的布局逻辑
• 开源圆弧布局库：参考已实现的圆弧布局的角度计算、适配逻辑

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