iphone - iOS 将文本环绕图像

Question

我有几段简短的文本，我想将它们包裹在应用程序 View 中的图像周围。通常，图像将位于文本的左侧，并且文本将按照您通常的预期流动。该图像具有不同的高度和宽度以及尺寸，4-30kb png 文件。文本的长度各不相同，可以是 2 个句子到几个段落之间的任意位置。有文本标记，因此可以相应地设置不同行的格式。

我一直在 UIView 中使用 UIWebView 以最快的方式执行此操作，但我注意到即使我的文本和图像是本地的，UIWebView 加载并显示图像和显示图像时也会出现明显的延迟文本。基本上，您会看到 View 区域空白，然后不久之后，您会看到图像加载。大多数时候，文本显示在图像之前加载。

我正在使用 UIWebView 的“loadHTMLString”来加载本地 html 文本和图像。

我想要实现的目标如下:

| [     ] | Some text starts here and is long enough to fil until the end of the line. Then
| [image] | the text continues so it wraps around a few more lines to fit the entire
| [     ] | height of the image.
Eventually, we'll show the text below the image, just like you see in a newspaper.
The content would continue at variable length for the rest of the screen.

是否有更好的方法来显示带有图像的格式化文本？如果有比 UIWebView 更好的东西，我很乐意转向它。

Answer 1

我认为你的基本策略应该是(1)尝试将 UIWebView 的性能提高到可接受的水平，以及(2)如果失败(这非常重要)，请滚动你自己的文本布局代码。

一些想法:

• 尝试在内容显示在屏幕上之前尽早将内容加载到 UIWebView 类中。
• 查看使用内联样式(而不是链接样式表)是否可以缩短加载时间。
• 查看使用内联图像(通过使用 <img src="data:...")是否可以缩短加载时间。

如果这些都不起作用，并且您想推出自己的文本布局代码，则必须编写自己的文本布局代码。您可以通过使用 NSString 的 UIKit 添加功能来做到这一点:将文本拆分为单词，计算每个单词的大小(使用 sizeWithFont: )，然后逐行布局文本。您可能应该逐字计算，但实际上一次画一整条线，这应该表现得更好。或者您可以创建一个新字符串，并在正确的位置插入换行符，然后一次性绘制整个内容。

祝你好运!