Android Kotlin如何通过代码实现多TextView首尾衔接连续排版

核心思路 #

要让多个独立TextView的文本视觉上连续，关键是精准计算衔接单词的坐标，手动控制每个TextView的摆放位置。以下是两种可行的实现方式：

方式一：通过TextView的Layout API获取坐标，自定义ViewGroup摆放 #

1. 获取目标单词的坐标
   TextView的文本布局信息由Layout对象管理，可通过getLayout()获取（需确保View已完成布局，可在view.post(Runnable)或自定义ViewGroup的onLayout中执行）。

   • 对第一个TextView，找到最后一个单词（如"Ipsum"）的结束索引，获取其右下角坐标：

     TextView firstTv = ...;
     Layout firstLayout = firstTv.getLayout();
     String firstText = firstTv.getText().toString();
     int endWordStart = firstText.lastIndexOf("Ipsum");
     int endWordEnd = endWordStart + "Ipsum".length();
     int endLine = firstLayout.getLineForOffset(endWordEnd);
     // 单词结束位置的X坐标
     float endX = firstLayout.getPrimaryHorizontal(endWordEnd);
     // 单词所在行的底部Y坐标
     float endY = firstLayout.getLineBottom(endLine);
     

   • 对第二个TextView，找到第一个单词（如"Lorem"）的起始索引，获取其左上角坐标：

     TextView secondTv = ...;
     Layout secondLayout = secondTv.getLayout();
     String secondText = secondTv.getText().toString();
     int startWordStart = secondText.indexOf("Lorem");
     int startLine = secondLayout.getLineForOffset(startWordStart);
     // 单词起始位置的X坐标
     float startX = secondLayout.getPrimaryHorizontal(startWordStart);
     // 单词所在行的顶部Y坐标
     float startY = secondLayout.getLineTop(startLine);
     

2. 自定义ViewGroup手动布局
   创建一个自定义ViewGroup，在onLayout方法中，根据计算出的坐标调整第二个TextView的位置，让"Lorem"的起始点与"Ipsum"的结束点对齐：

   public class LinkedTextViewContainer extends ViewGroup {
       private TextView firstTv;
       private TextView secondTv;
   
       public LinkedTextViewContainer(Context context) {
           super(context);
       }
   
       @Override
       protected void onFinishInflate() {
           super.onFinishInflate();
           firstTv = findViewById(R.id.first_tv);
           secondTv = findViewById(R.id.second_tv);
       }
   
       @Override
       protected void onLayout(boolean changed, int l, int t, int r, int b) {
           // 先布局第一个TextView
           firstTv.layout(l, t, l + firstTv.getMeasuredWidth(), t + firstTv.getMeasuredHeight());
   
           // 计算坐标偏移量
           Layout firstLayout = firstTv.getLayout();
           Layout secondLayout = secondTv.getLayout();
           if (firstLayout == null || secondLayout == null) return;
   
           String firstText = firstTv.getText().toString();
           int endWordEnd = firstText.lastIndexOf("Ipsum") + "Ipsum".length();
           int endLine = firstLayout.getLineForOffset(endWordEnd);
           float endX = firstLayout.getPrimaryHorizontal(endWordEnd);
           float endY = firstLayout.getLineBottom(endLine);
   
           String secondText = secondTv.getText().toString();
           int startWordStart = secondText.indexOf("Lorem");
           int startLine = secondLayout.getLineForOffset(startWordStart);
           float startX = secondLayout.getPrimaryHorizontal(startWordStart);
           float startY = secondLayout.getLineTop(startLine);
   
           // 计算第二个TextView的摆放位置
           int secondLeft = (int) (firstTv.getLeft() + endX - startX);
           int secondTop = (int) (firstTv.getTop() + endY - startY);
           secondTv.layout(secondLeft, secondTop, secondLeft + secondTv.getMeasuredWidth(), secondTop + secondTv.getMeasuredHeight());
       }
   
       @Override
       protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
           // 测量子View
           measureChild(firstTv, widthMeasureSpec, heightMeasureSpec);
           measureChild(secondTv, widthMeasureSpec, heightMeasureSpec);
           // 容器尺寸取子View的最大范围
           int width = Math.max(firstTv.getMeasuredWidth(), secondTv.getMeasuredWidth());
           int height = firstTv.getMeasuredHeight() + secondTv.getMeasuredHeight();
           setMeasuredDimension(width, height);
       }
   }
   

方式二：使用DynamicLayout预计算文本布局（更灵活） #

如果需要处理更多TextView或复杂换行场景，可先用DynamicLayout预渲染完整文本，拆分出对应段落到不同TextView，再根据预计算的位置摆放：

1. 用DynamicLayout渲染完整文本，计算每个拆分段落的起始和结束位置对应的坐标。
2. 将每个段落设置到对应的TextView，然后根据DynamicLayout的坐标信息摆放TextView。

注意事项 #

• 确保TextView的字体、字号、行高等样式完全一致，否则衔接处会出现视觉断层。
• 若文本需适配不同屏幕尺寸，需在onConfigurationChanged中重新计算布局。
• 避免在主线程做大量计算，复杂场景可考虑异步预计算布局信息。

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