在TextView中加载含图片的HTML文件时图片右侧被裁剪的问题

嘿，我太懂你遇到的这个糟心问题了——明明图片路径没问题，加载出来却缺了右边一块对吧？咱们直接来搞定它！

你当前的代码里直接用了图片的原始宽度设置bounds，如果图片本身的宽度超过了TextView的实际可用宽度（也就是TextView总宽度减去左右padding的部分），就会出现右侧被裁剪的情况。核心思路就是让图片自适应TextView的宽度，同时保持原有的宽高比。

具体修改方案 #

咱们分两步走，先确保能拿到TextView的真实可用宽度，再按比例缩放图片：

1. 获取TextView的可用宽度：必须减去左右padding，不然图片会撑出TextView的可视范围
2. 计算缩放比例：用可用宽度除以图片原始宽度得到缩放系数，再用这个系数计算缩放后的高度，保证图片不会变形
3. 适配布局时机：如果TextView是wrap_content或者还没完成布局，直接拿宽度会得到0，这时候要等布局完成后再加载HTML

修改后的代码示例 #

// 先拿到你的TextView实例，替换成自己的id
final TextView myTextView = findViewById(R.id.your_textview_id);

// 等TextView布局完成后再加载HTML，避免获取宽度为0的情况
myTextView.post(new Runnable() {
    @Override
    public void run() {
        // 计算TextView的可用宽度（总宽度 - 左右padding）
        int availableWidth = myTextView.getWidth() - myTextView.getPaddingLeft() - myTextView.getPaddingRight();
        
        if (availableWidth <= 0) {
            // 极端情况处理，比如宽度还是0就直接返回
            return;
        }
        
        myTextView.setText(Html.fromHtml(htmlText, new ImageGetter() {
            @Override
            public Drawable getDrawable(String source) {
                String path = "/sdcard/" + source;
                Drawable bmp = Drawable.createFromPath(path);
                
                if (bmp == null) {
                    return null; // 处理图片加载失败的情况
                }
                
                // 获取图片原始宽高
                int originalWidth = bmp.getIntrinsicWidth();
                int originalHeight = bmp.getIntrinsicHeight();
                
                // 计算缩放比例，保证图片宽度不超过TextView可用宽度
                float scale = (float) availableWidth / originalWidth;
                int scaledHeight = (int) (originalHeight * scale);
                
                // 设置缩放后的bounds
                bmp.setBounds(0, 0, availableWidth, scaledHeight);
                
                return bmp;
            }
        }, null));
    }
});

额外提醒 #

• 如果是加载网络图片，核心逻辑一样，只是把本地路径加载换成网络请求即可
• 要是你希望图片可以横向滚动（不限制在TextView宽度内），可以给TextView套一个HorizontalScrollView，但这不是常规的适配方案
• 别忘了处理图片加载失败的情况，避免空指针异常

这样修改后，图片就会完美适配TextView的宽度，再也不会出现右侧被裁剪的问题啦！

内容的提问来源于stack exchange，提问作者madhuri H R