爲iPad創建UI

Question

我想在我的應用程序中創建以下UIView。請給出建議...我可以單獨創建UITextView和UIImageView。但在該圖像中，文字置於圖像下。如何創建這種類型的用戶界面。請指導我..！

感謝所有

Answer 1

你有2種選擇：

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