Android-TextView-富文本-html图片显示.rar

在Android开发中，`TextView` 是一个非常基础且重要的组件，通常用于展示纯文本内容。然而，当开发者需要在文本中插入图片或者实现更复杂的格式时，`TextView` 的功能就显得有些不足。针对这种情况，Android 提供了支持富文本（Rich Text）的功能，允许在 `TextView` 中渲染 HTML 格式的内容，包括文字、图片、链接等。本教程将详细介绍如何在 `TextView` 中使用 HTML 片段来实现文字和图片的混排，同时处理网络图片的显示。 我们需要理解 `TextView` 的 `setText()` 方法。这个方法不仅能接受字符串参数，还可以接受 `CharSequence` 参数，其中 `Spanned` 和 `Spannable` 类型的 `CharSequence` 就能包含富文本信息。`Html.fromHtml()` 是一个非常实用的方法，它可以将 HTML 字符串转换为 `Spanned` 对象，从而在 `TextView` 中展示。 ```java String htmlContent = "<p>这是一段文字<img src='http://example.com/image.jpg' alt='网络图片'/></p>"; textView.setText(Html.fromHtml(htmlContent), Html.FROM_HTML_MODE_LEGACY); ``` 在这个例子中，HTML 字符串包含了文字和一张图片。`fromHtml()` 方法会解析这段 HTML 并将其转换为可以在 `TextView` 中显示的格式。 然而，处理网络图片时需要注意，`Html.fromHtml()` 默认不会加载网络资源。为了显示网络图片，我们需要自定义一个 `ImageGetter` 类，并重写其 `getDrawable()` 方法。`getDrawable()` 方法会在解析到 `<img>` 标签时被调用，用于获取图片并返回一个 `Drawable` 对象。 ```java class UrlImageGetter implements Html.ImageGetter { @Override public Drawable getDrawable(String source) { // 使用 Picasso 或 Glide 加载网络图片 Drawable drawable = null; if (source != null) { // 使用第三方库如Picasso或Glide加载网络图片 // 示例使用Picasso Picasso.get().load(source).into(new Target() { @Override public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) { Drawable d = new BitmapDrawable(getResources(), bitmap); d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight()); drawable = d; textView.invalidate(); } @Override public void onBitmapFailed(Exception e, Drawable errorDrawable) {} @Override public void onPrepareLoad(Drawable placeHolderDrawable) {} }); } return drawable; } } ``` 创建好 `UrlImageGetter` 后，我们将其传递给 `fromHtml()` 方法： ```java String htmlContent = "<p>这是一段文字<img src='http://example.com/image.jpg' alt='网络图片'/></p>"; UrlImageGetter imageGetter = new UrlImageGetter(textView.getContext()); textView.setText(Html.fromHtml(htmlContent, imageGetter, null), Html.FROM_HTML_MODE_LEGACY); ``` 在实际应用中，你可能还需要处理图片的缓存、尺寸调整等问题，以提高性能和用户体验。`Glide` 和 `Picasso` 这样的库提供了丰富的功能，可以帮助你轻松解决这些问题。 总结来说，要在 Android 的 `TextView` 中显示富文本，包括文字和图片，你需要： 1. 准备包含 HTML 格式的字符串。 2. 使用 `Html.fromHtml()` 将 HTML 转换为 `Spanned` 对象。 3. 自定义 `Html.ImageGetter` 来加载网络图片。 4. 将 `ImageGetter` 实例传给 `fromHtml()` 方法。 通过这种方式，你可以灵活地在 `TextView` 中创建出复杂且美观的文本布局，包括混合文字和网络图片。