안녕하세요.
HTML을 Android App에 Html.fromHtml을 통해 HTML에 포함되어있는 여러개의 URL이미지를 출력하고자합니다.
HTML코드
" <tr>\n" +
" \t<td><img src=\"1ImageURL \"></td>\n" +
" </tr>\n" +
"\t <tr>\n" +
" \t<td><img src=\"2ImageURL\"></td>\n" +
" </tr>\n" +
" <tr>\n" +
" \t<td><a href=\"http://...\" target=\"_blank\"><img src=\"3ImageURL\"></a></td>\n" +
" </tr>\n" +
"\t <tr>\n" +
" \t<td><img src=\"4ImageURL\"></td>\n" +
" </tr>\n" +
"\n" +
위와같이 Table형태로 그 안에 이미지가 4개 들어가있습니다.
Spanned htmlSpan = Html.fromHtml(xmlString, ImageGetter, null);
이렇게 ImageGetter를 통해서 이미지를 찾아 그려주게되는데,
이 때 제가 이미지 사이즈를 '가로=스크린width'로 지정하였기때문에, 이미지 하나가 width는 화면이 꽉 차게 나오게됩니다.
그렇다면 이미지 4개가 위에서부터 순서대로
1Image
2Image
3Image
4Image
이런식으로 순서대로 나오길 기대했습니다.
그런데, 이미지가 2개만나오고 나오지않길래 사이즈를 줄여봤더니, 옆쪽으로 붙어있는 등 뒤죽박죽으로 이미지가 붙어있습니다.
1Image
2Image 3Image 이렇거나
1Image 3Image
2Image 4Image 막 이런식입니다.......
HTML에 포함된 여러개의 이미지를 순서대로 붙이려면 어떻게 해야하나요?
setMinimumHeight((URLImageParser.this.container.getHeight() + result.getIntrinsicHeight() * (screenWidth / result.getIntrinsicWidth())));
추가1
Layout안에는, Scroll안에 LinearLayout안에 TextView가 들어있는데
Scroll과 LinearLayout은 match_parent, match_parent이고
TextView만 wrap_content, wrap_content입니다.
TextView의 width를 match_parent나 fill_parent로 바꿔주면 이미지가 안보입니다.
무조건 wrap_content로 해야하나요?
추가2
xmlString.replace("</tr>", "</tr><br/>");
이런식으로 </tr> tag뒤에 <br/> tag를 추가하니 이미지가 일렬로 나오긴 하지만
4개의 이미지가 첫번째 이미지 위에 겹쳐서 나옵니다.
textView의 setMinimumHeight를 통해 textView높이는 이미지의 높이를 다 더한 크기로 늘려놓았기 때문에,
Scroll은 밑으로 쭉 늘어나 있으나
이미지들이 다 위에 붙어있습니다......
어떻게해야할지 도움 부탁 드립니다.