如何创建一个像报纸一样包含图像和文本的视图？

Posted 2023-03-12

【中文标题】如何创建一个像报纸一样包含图像和文本的视图？

【英文标题】：How to create a view which contain image and text as like newspaper has?

【发布时间】：2011-10-25 11:43:36

【问题描述】：

我想创建一个包含图像和文本的视图，就像报纸一样。

例如，320 像素宽度的 200 x 100 图像。图像在视图的左侧，右侧和底部的剩余空间将包含文本。

【问题讨论】：

这样的图片：i.stack.imgur.com/WQW60.png

查看robnapier.net/clipping-cgrect-cgpath

【参考方案1】：

您可以选择 3 个选项：

使用 UIIImageViews 和 UITextView 创建布局 使用 html 和 UIWebView NSAttributedString 并使用 CoreText 在视图上绘制它

【讨论】：

在这种情况下，你最好使用 HTML 和 CSS 来格式化你想要的东西，然后按照 rckoenes 的建议将其插入 UIWebView。这样做的好处是它可以更优雅地适应不断变化的内容和旋转。

我提到的所有选项仍然可以使用，但 HTLM 和 CSS 是最简单的。

【参考方案2】：

这几乎肯定是在 UIWebView 中布置的，图像上的样式设置为“float:left”，边距设置使文本远离它的边缘，但让它环绕它。

这里有一个关于它的小教程：http://www.tizag.com/cssT/float.php

请注意，这是关于提供给 UIWebView 的 HTML 和 CSS 内容，而不是任何 ios 风格的内容。

【参考方案3】：

您可以通过设置它们的框架以您想要的方式排列 UIImageViews 和 UITextViews。然后将图像分配给 imageViews，将文本分配给 textViews。