如何在Kotlin中以编程方式使用RelativeLayout？

Kotlin里完全支持addRule方法，只是写法借助apply函数比Java更简洁。下面是简单示例，展示如何创建位置互相关联的按钮，你可以基于这个逻辑扩展到批量创建数百个按钮的场景。

步骤1：准备RelativeLayout #

先获取布局实例（也可完全动态创建）：

// 假设布局文件里有id为container的RelativeLayout
val container = findViewById<RelativeLayout>(R.id.container)

// 完全动态创建布局的写法
// val container = RelativeLayout(this).apply {
//     layoutParams = ViewGroup.LayoutParams(
//         ViewGroup.LayoutParams.MATCH_PARENT,
//         ViewGroup.LayoutParams.MATCH_PARENT
//     )
//     setContentView(this)
// }

步骤2：创建关联按钮示例 #

下面创建3个位置互相依赖的按钮：

// 按钮1：居中于父布局
val btn1 = Button(this).apply {
    id = View.generateViewId() // 生成唯一ID，避免冲突
    text = "按钮1"
    layoutParams = RelativeLayout.LayoutParams(
        RelativeLayout.LayoutParams.WRAP_CONTENT,
        RelativeLayout.LayoutParams.WRAP_CONTENT
    ).apply {
        addRule(RelativeLayout.CENTER_IN_PARENT)
    }
}
container.addView(btn1)

// 按钮2：位于按钮1下方，水平对齐按钮1
val btn2 = Button(this).apply {
    id = View.generateViewId()
    text = "按钮2"
    layoutParams = RelativeLayout.LayoutParams(
        RelativeLayout.LayoutParams.WRAP_CONTENT,
        RelativeLayout.LayoutParams.WRAP_CONTENT
    ).apply {
        addRule(RelativeLayout.BELOW, btn1.id)
        addRule(RelativeLayout.ALIGN_START, btn1.id)
        topMargin = 16.dpToPx() // 添加上间距
    }
}
container.addView(btn2)

// 按钮3：位于按钮2右侧，垂直对齐按钮2
val btn3 = Button(this).apply {
    text = "按钮3"
    layoutParams = RelativeLayout.LayoutParams(
        RelativeLayout.LayoutParams.WRAP_CONTENT,
        RelativeLayout.LayoutParams.WRAP_CONTENT
    ).apply {
        addRule(RelativeLayout.RIGHT_OF, btn2.id)
        addRule(RelativeLayout.ALIGN_TOP, btn2.id)
        leftMargin = 16.dpToPx() // 添加左间距
    }
}
container.addView(btn3)

辅助扩展函数（dp转px） #

为方便设置间距，添加dp转像素的扩展函数（放在Activity或顶层Kotlin文件即可）：

fun Int.dpToPx(): Int {
    return (this * Resources.getSystem().displayMetrics.density).toInt()
}

批量创建按钮的思路 #

如果要创建数百个关联按钮，用循环即可实现：

var lastBtn: Button? = null
repeat(100) { index ->
    val btn = Button(this).apply {
        id = View.generateViewId()
        text = "按钮${index+1}"
        layoutParams = RelativeLayout.LayoutParams(
            RelativeLayout.LayoutParams.WRAP_CONTENT,
            RelativeLayout.LayoutParams.WRAP_CONTENT
        ).apply {
            lastBtn?.let {
                // 每个按钮都在前一个按钮下方，水平对齐
                addRule(RelativeLayout.BELOW, it.id)
                addRule(RelativeLayout.ALIGN_START, it.id)
                topMargin = 8.dpToPx()
            } ?: run {
                // 第一个按钮水平居中，设置顶部间距
                addRule(RelativeLayout.CENTER_HORIZONTAL)
                topMargin = 32.dpToPx()
            }
        }
    }
    container.addView(btn)
    lastBtn = btn
}

内容的提问来源于stack exchange，提问作者Samet özbay