用于ipad的UI创建

Question

我想在我的应用中创建以下UIView。请给出建议......我可以单独创建UITextView和UIImageView。但在该图像中，文本位于图像下方。如何创建这种类型的UI。请指导我..！

全部谢谢

Answer 1

您有两个选择：

1）使用UIWebView。这将允许您轻松实现此目的，但您可能在自动旋转时遇到问题，因为UIWebView会在您使文本框架变大时自动缩放文本（当您移动到横向时）。

2）或者您可以放置​​2个textViews - 其中一个位于图片的左侧，另一个位于图片的下方。为了计算第一个textView中的字符串，以及第二个字符串的字符串，你应该看一下this。

我最近尝试过第二种方式，虽然这些方法中存在一个小错误（不关心单词，但它会按字符分割单词），结果非常好。

Answer 2

一种可能的解决方案是使用Webview将文本显示为html并将图像正确放置在右侧。

如果您想单独使用UIImageView（出于其他原因，例如 - 使用手势识别器或简单的图像更新） - 那么您可以创建一个空的浮动空间，并将imageview作为子视图添加到webview。

例如：

[webView loadHTMLString:
        [NSString stringWithFormat:"<style type=\"text/css\"><font face=\"Helvetica\" color=\"white\">"
        "<style> #buttons {float: right; width: 150px; height:100px;}</style>"
        "<div style=\"float:right;5px;top:1px;display:inline-table; position:relative; "
        "width: 150px; height: 100px;\"><div style=\"float:right;right:170px;top:4px;display:inline-table; "
        "position:relative; left:-8px; color: #fff; font-size: 13px;\"><p></p></div></p></div>"
        "%@</font><div></body>", @"text that will show up around image" baseURL:nil];

将使用文本填充webview（@“将显示在图像周围的文本”）并为UIImageView留下一个空白区域。

Answer 3

如果它是应该围绕图像流动的同一段文本，则可以使用CoreText创建自定义形状的TextView。当我自己尝试类似的东西时，我发现这个StackOverflow帖子是一个很好的起点：https://stackoverflow.com/a/5284707/785716