Android Studio中LinearLayout内TextView截图截断问题排查与解决

嘿，我来帮你分析下这个文本截断的问题哈！先把你的场景和代码理清楚：

问题场景与代码 #

你需要将包含ImageView和TextView的LinearLayout布局导出为PNG图片，布局代码如下：

<LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/Layout"> 
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> 
<ImageView android:layout_width="match_parent" android:layout_height="fill_parent" android:id="@+id/Image_view" /> 
<TextView android:id="@+id/text_view1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> 
</FrameLayout> 
</LinearLayout>

你用这段Java代码实现导出：

list.add("Raghul s");
list.add("Name 2");
list.add("Name 3");
for(int i=0;i<list.size();i++) {
 LinearLayout view = (LinearLayout) findViewById(R.id.Layout);
 txt = (TextView) findViewById(R.id.Text_View1);
 txt.setText(list.get(i));
 view.setDrawingCacheEnabled(true);
 view.buildDrawingCache(true);
 Bitmap bitmap = Bitmap.createBitmap(view.getDrawingCache());
 view.setDrawingCacheEnabled(false);
 bs = new ByteArrayOutputStream();
 bs.compress(Bitmap.CompressFormat.PNG, 40, bitmap);
 try {
 file = new File("Image.png");
 file.createNewFile();
 ws = new FileOutputStream(file);
 ws.write(bs.toByteArray());
 ws.close();
 } catch (Exception e) {
 e.printStackTrace();
 }
}

执行后发现生成的PNG里，“Raghul s”、“Name 2”这些文本出现了截断，这是怎么回事呢？

原因分析 #

核心问题：TextView未完成布局就生成了Bitmap #

你的TextView设置的是wrap_content宽高，当调用setText()后，TextView需要重新计算自身的尺寸（测量阶段），然后更新布局位置（布局阶段），但Android的UI更新是异步的——这些操作会被放到UI线程的消息队列里排队执行。你在setText()之后立刻调用buildDrawingCache()，此时TextView还没完成重新布局，它的尺寸还是之前的状态（比如初始空文本的尺寸，或者上一次循环的尺寸），导致文本显示不全被截断。

额外小问题 #

1. 你每次循环都重复调用findViewById()，虽然不会直接导致截断，但会浪费性能，完全可以把View的初始化移到循环外面。
2. 每次循环都覆盖同一个Image.png文件，最后只会保留最后一次循环生成的图片，这也是需要优化的点。
3. 代码里的findViewById(R.id.Text_View1)是大小写错误，布局里的id是text_view1，这个错误可能导致TextView无法正确找到，也要修正！

解决办法 #

我们需要确保TextView完成重新布局后，再生成DrawingCache，这里有两种靠谱的实现方式：

方法一：强制View完成测量与布局 #

在setText()之后，手动触发View的测量和布局流程，确保尺寸更新后再生成Bitmap，修改后的代码如下：

// 把View初始化移到循环外，避免重复查找
LinearLayout view = (LinearLayout) findViewById(R.id.Layout);
TextView txt = (TextView) findViewById(R.id.text_view1); // 修正id大小写错误

List<String> list = new ArrayList<>();
list.add("Raghul s");
list.add("Name 2");
list.add("Name 3");

for(int i=0;i<list.size();i++) {
    txt.setText(list.get(i));
    
    // 强制View重新测量并布局
    view.measure(View.MeasureSpec.makeMeasureSpec(view.getWidth(), View.MeasureSpec.EXACTLY),
                 View.MeasureSpec.makeMeasureSpec(view.getHeight(), View.MeasureSpec.EXACTLY));
    view.layout(view.getLeft(), view.getTop(), view.getRight(), view.getBottom());
    
    // 生成Bitmap
    view.setDrawingCacheEnabled(true);
    view.buildDrawingCache(true);
    Bitmap bitmap = Bitmap.createBitmap(view.getDrawingCache());
    view.setDrawingCacheEnabled(false);
    
    // 保存图片时给文件加索引，避免覆盖
    ByteArrayOutputStream bs = new ByteArrayOutputStream();
    bs.compress(Bitmap.CompressFormat.PNG, 40, bitmap);
    try {
        File file = new File("Image_" + i + ".png");
        file.createNewFile();
        FileOutputStream ws = new FileOutputStream(file);
        ws.write(bs.toByteArray());
        ws.close();
    } catch (Exception e) {
        e.printStackTrace();
    }
}

方法二：使用ViewTreeObserver监听布局完成 #

如果方法一在复杂布局场景下不生效，可以用ViewTreeObserver监听布局完成事件，确保在布局稳定后再生成Bitmap：

LinearLayout view = (LinearLayout) findViewById(R.id.Layout);
TextView txt = (TextView) findViewById(R.id.text_view1);
List<String> list = new ArrayList<>();
list.add("Raghul s");
list.add("Name 2");
list.add("Name 3");

for(int i=0;i<list.size();i++) {
    final int index = i;
    txt.setText(list.get(i));
    
    view.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {
            // 移除监听，避免重复触发
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
                view.getViewTreeObserver().removeOnGlobalLayoutListener(this);
            } else {
                view.getViewTreeObserver().removeGlobalOnLayoutListener(this);
            }
            
            // 生成Bitmap
            view.setDrawingCacheEnabled(true);
            view.buildDrawingCache(true);
            Bitmap bitmap = Bitmap.createBitmap(view.getDrawingCache());
            view.setDrawingCacheEnabled(false);
            
            // 保存图片
            ByteArrayOutputStream bs = new ByteArrayOutputStream();
            bs.compress(Bitmap.CompressFormat.PNG, 40, bitmap);
            try {
                File file = new File("Image_" + index + ".png");
                file.createNewFile();
                FileOutputStream ws = new FileOutputStream(file);
                ws.write(bs.toByteArray());
                ws.close();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    });
}

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