ConstraintLayout中实现第二个TextView首行对齐前控件、换行对齐父布局

你可以通过以下两种方案实现需求，其中代码动态设置排版的方案开销最低，无需额外嵌套布局：

方案1：使用LeadingMarginSpan动态调整缩进（推荐） #

该方案无需修改原有布局的层级，仅需调整第二个TextView的约束+添加少量代码即可实现：

• 首先修改第二个TextView的布局约束：将原有startToEndOf="@id/firstTextView"改为startToStartOf="parent"、endToEndOf="parent"，保证其宽度占满父布局的可用横向空间。
• 在代码中监听第一个TextView的布局完成事件，获取其实际宽度作为第二块文本第一行的缩进值，给第二个TextView的文本设置LeadingMarginSpan即可。

示例代码如下：

// Kotlin 实现示例
firstTextView.post {
    // 获取第一个TextView的实际宽度
    val firstTextWidth = firstTextView.width
    // 可根据需求调整两个文本之间的间距
    val gapBetweenTexts = resources.getDimensionPixelOffset(R.dimen.common_margin_8dp)
    val firstLineIndent = firstTextWidth + gapBetweenTexts

    val contentText = secondTextView.text
    val spannableContent = SpannableString(contentText)
    // 第一个参数为所有行的通用左边距（设为0即可对齐父布局起始位置），第二个参数为第一行额外缩进值
    spannableContent.setSpan(
        LeadingMarginSpan.Standard(0, firstLineIndent),
        0,
        spannableContent.length,
        Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
    )
    secondTextView.text = spannableContent
}

如果需要适配RTL布局，仅需根据当前布局方向判断调整缩进方向即可。

方案2：静态布局实现（适合固定文本场景） #

如果不想写代码，可以用两个TextView模拟第二个文本的内容：

• 第一个模拟文本和原第二个TextView规则一致，设置startToEndOf="@id/firstTextView"，限制最大行数为1，仅展示第一行内容。
• 第二个模拟文本设置startToStartOf="parent"，顶部约束在第一个模拟文本的底部，展示剩下的所有内容。

注意：该方案仅适合文本内容固定、提前可拆分的场景，灵活性低于方案1。

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