Android新手求助：RecyclerView无法同时展示HTML文本与图片

嘿，兄弟，我看了你的代码，马上就发现几个关键问题导致在RecyclerView里失效啦，咱们一步步来解决：

核心问题点 #

• 错误的视图查找方式：你在点击事件里用findViewById(R.id.vh)，这是在全局Activity/Fragment里找控件，但RecyclerView的每个Item视图都是独立的，应该通过ViewHolder持有的itemView来查找当前Item的控件。
• 未初始化ViewHolder的视图引用：你的image、vh这些控件没有在ViewHolder构造里初始化，每次点击才去查找，不仅效率低还容易找错。
• Html.fromHtml的版本兼容性与图片加载问题：旧的Html.fromHtml()方法在Android 7.0+已经过时，而且默认不会解析HTML里的图片，需要自定义ImageGetter来加载本地资源图片。
• 重复代码冗余：每个position的逻辑几乎一样，完全可以提取成通用方法，避免代码臃肿。

修正后的代码示例 #

首先，先正确实现ViewHolder，持有所有需要的视图引用：

public class MyViewHolder extends RecyclerView.ViewHolder {
    // 直接在ViewHolder里声明并初始化控件
    public ImageView image;
    public TextView vh;
    public TextView baslik;

    public MyViewHolder(View itemView) {
        super(itemView);
        // 从当前item的视图里查找控件，而不是全局查找
        image = itemView.findViewById(R.id.image);
        vh = itemView.findViewById(R.id.vh);
        baslik = itemView.findViewById(R.id.baslik);

        itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int mPosition = getLayoutPosition();
                callActivities(mPosition);
            }
        });
    }

    private void callActivities(int mPosition) {
        // 先统一设置视图可见性
        vh.setVisibility(View.VISIBLE);
        baslik.setVisibility(View.GONE);

        // 根据position设置对应的资源和HTML内容
        int drawableResId = 0;
        int htmlStringResId = 0;

        switch (mPosition) {
            case 0:
                drawableResId = R.drawable.bb;
                htmlStringResId = R.string.bb;
                break;
            case 1:
                drawableResId = R.drawable.db;
                htmlStringResId = R.string.db;
                break;
            case 2:
                drawableResId = R.drawable.cb;
                htmlStringResId = R.string.cb;
                break;
            default:
                // 处理其他position的情况
                vh.setVisibility(View.GONE);
                baslik.setVisibility(View.VISIBLE);
                return;
        }

        // 设置图片资源
        image.setImageResource(drawableResId);

        // 解析HTML文本，支持图片加载
        String htmlAsString = itemView.getContext().getString(htmlStringResId);
        Spanned htmlAsSpanned;
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
            htmlAsSpanned = Html.fromHtml(htmlAsString, Html.FROM_HTML_MODE_LEGACY, new ImageGetter() {
                @Override
                public Drawable getDrawable(String source) {
                    // 假设HTML里的图片是用本地资源名，比如<img src="bb" />，这里需要对应处理
                    int drawableId = itemView.getContext().getResources().getIdentifier(source, "drawable", itemView.getContext().getPackageName());
                    Drawable drawable = ContextCompat.getDrawable(itemView.getContext(), drawableId);
                    if (drawable != null) {
                        // 设置图片大小，避免显示异常
                        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
                    }
                    return drawable;
                }
            }, null);
        } else {
            htmlAsSpanned = Html.fromHtml(htmlAsString, new ImageGetter() {
                @Override
                public Drawable getDrawable(String source) {
                    int drawableId = itemView.getContext().getResources().getIdentifier(source, "drawable", itemView.getContext().getPackageName());
                    Drawable drawable = ContextCompat.getDrawable(itemView.getContext(), drawableId);
                    if (drawable != null) {
                        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
                    }
                    return drawable;
                }
            }, null);
        }
        vh.setText(htmlAsSpanned);
    }
}

关键说明 #

1. ViewHolder视图初始化：所有控件都在ViewHolder构造里通过itemView.findViewById获取，确保每次操作的都是当前Item的控件，而不是全局的。
2. Html.fromHtml的兼容性：分版本处理，Android N及以上用FROM_HTML_MODE_LEGACY保持旧行为，同时添加ImageGetter来解析HTML里的图片资源。
3. 代码简化：用switch-case替代重复的if-else，提取通用逻辑，让代码更清晰。
4. 上下文获取：通过itemView.getContext()获取上下文，避免依赖外部Activity的上下文，更符合RecyclerView的设计。

这样修改后，应该就能在RecyclerView里正常展示HTML文本和图片啦！

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