2012-07-13 3 views
0

내 앱에서 다음 UIView를 만들고 싶습니다. 제발 제안을주세요 ... 나는 UITextView와 UIImageView를 따로 만들 수 있습니다. 그러나 그 이미지에서 텍스트는 이미지 아래 놓여 있습니다. 이 유형의 UI를 만드는 방법. 제발 나를 인도 해주세요 ..!ipad 용 UI 작성

1)의 UIWebView를 사용 :

덕분에 모든

enter image description here

답변

0

당신은 두 가지 옵션이 있습니다. 그렇게하면 쉽게 달성 할 수 있지만 UIWebView는 프레임을 크게 만들 때 (가로로 이동할 때)와 같이 텍스트의 크기를 자동으로 조절하므로 자동 회전에 문제가 발생할 수 있습니다.

2) 또는 두 개의 textView를 배치 할 수 있습니다. 하나는 그림의 왼쪽에, 다른 하나는 그림 아래에 배치 할 수 있습니다. 첫 번째 textView에 맞는 문자열과 두 번째 문자열에 남은 문자열을 계산하려면 this을 살펴 봐야합니다.

최근에 두 번째 방법을 시도했지만 그 방법에 작은 버그가 있지만 (단어를 신경 쓰지 않고 단어를 문자로 나눕니다) 결과가 꽤 좋았습니다.

0

가능한 해결책은 텍스트를 html로 표시하고 올바르게 배치 된 이미지를 포함하기 위해 Webview를 사용할 수 있습니다.

UIImageView을 별도로 사용하려는 경우 (예 : 제스처 인식기 또는 쉽게 이미지를 업데이트하는 등의 이유로) 빈 플로팅 공간을 만들고 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]; 

텍스트와 웹보기 (@ "이미지 주위에 표시됩니다 텍스트")를 작성하고있는 UIImageView의 빈 공간을 남겨 둘 것이다.

0

이미지 주위에 흐르는 텍스트가 동일한 경우 CoreText를 사용하여 사용자 정의 모양의 TextView를 만들 수 있습니다. 비슷한 것을 시도 할 때이 StackOverflow 게시물이 좋은 출발점임을 알게되었습니다 : https://stackoverflow.com/a/5284707/785716