ios - iPadのUI制作

Question

アプリで次の UIView を作成したいと考えています。提案をお願いします... UITextView と UIImageView を別々に作成できます。しかし、その画像では、テキストは画像の下に配置されています。このタイプの UI を作成する方法。私を案内してください.. !

皆さんありがとう

Answer 1

次の 2 つのオプションがあります。

1) UIWebView を使用します。これにより、これを簡単に実現できますが、フレームを大きくすると UIWebView がテキストを自動的に拡大縮小するため、オートローテーションで問題が発生する可能性があります (横向きに移動した場合)。

2) または、2 つの textView を配置することもできます。1 つは画像の左側に、もう 1 つは画像の下にあります。最初の textView に収まる文字列と、2 番目の textView に残っている文字列を計算するには、 this を確認する必要があります。

私は最近 2 番目の方法を試しましたが、これらの方法には小さなバグがあります (単語を気にせず、単語を文字で分割します) が、結果はかなり良好でした。

Answer 2

画像の周りを流れるテキストが同じ場合は、CoreText を使用してカスタム形状の TextView を作成できます。自分で似たようなことをしようとしたとき、この StackOverflow の投稿が良い出発点であることがわかりました: https://stackoverflow.com/a/5284707/785716

Answer 3

考えられる解決策は、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 用に空のスペースを残します。