안드로이드 개발 질문/답변
(글 수 45,052)
안녕하세요 !!
웹을 파싱해서 게시물을 보여주는 것을 만들고 있어요.
일기에서 WebView에다가 html을 뿌려주는것을 만들었습니다.
그런데 html이 모바일 화면보다도 넓은데도 불구하고 모바일 디스플레이 가로 크기에 맞게
글자가 내려가 표시되더라구요.
웹에서 페이지의 특정부분을 읽어오는 것은 htmlcleaner 을 이용했습니다.
소스를 적어보면 mWvContent<--이것이 webView입니다.
--- 레이어소스 특정부분-----
<View android:layout_width="fill_parent" android:background="#ff0000"
android:layout_height="2dp" />
<WebView android:id="@+id/wvContent" android:layout_width="fill_parent"
android:layout_weight="1" android:scrollbars="horizontal|vertical"
android:layout_height="fill_parent" />
<View android:layout_width="fill_parent" android:background="#ff0000"
android:layout_height="2dp" />
------코드소스 특정부분----
String mimeType = "text/html";
String encoding = "utf-8";
String tmp = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8' /></head><body><table width='600' cellpadding='0' cellspacing='0'><tr><td width='600'>
<div class="VBN_42585" style="'width:600px'"><p><font face="HY헤드라인M" color="#00105a" size="5">??????????????2010학년도 동계 계절수업 </font></p><p style="FONT-SIZE: 15pt; MARGIN: 10pt 0pt 0pt; COLOR: #000000; TEXT-INDENT: 0pt; LINE-HEIGHT: 160%; FONT-FAMILY: 'HY헤드라인M'; TEXT-ALIGN: justify"><font style="LINE-HEIGHT: 24pt; LETTER-SPACING: 0pt; TEXT-ALIGN: justify" face="HY헤드라인M" color="#000000" size="4">
<div class="VBN_42585" style="'width:600px'"><p><font face="HY헤드라인M" color="#00105a" size="5">??????????????2010학년도 동계 계절수업 </font></p><p style="FONT-SIZE: 15pt; MARGIN: 10pt 0pt 0pt; COLOR: #000000; TEXT-INDENT: 0pt; LINE-HEIGHT: 160%; FONT-FAMILY: 'HY헤드라인M'; TEXT-ALIGN: justify"><font style="LINE-HEIGHT: 24pt; LETTER-SPACING: 0pt; TEXT-ALIGN: justify" face="HY헤드라인M" color="#000000" size="4">
-----------------------------------------------중략 --------------------------------------------------------
</div></td></tr></table></body></html>";
WebSettings s = mWvContent.getSettings();
mWvContent.getSettings().setSupportZoom(true);
mWvContent.getSettings().setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);
mWvContent.loadDataWithBaseURL("aaaa",tmp , encoding, null);
결과인데요 2010학년도 동계 이부분이 웹뷰입니다.
위를 보면 글자가 디스플레이 크기만큼만 그려지고 내려서 그려진것 을 알수있습니다.
이 html 문자열은 table 태그의 witdh 600 이어서 모바일 보다 큰데요.
웹뷰의 스크롤로 오른쪽으로 끌어보면요. width는 600만큼 표시된듯합니다.
그런데 글자가 600에 그려지지 않고 내림이 되는지 모르겠어요.
---웹뷰의 스크롤로 이동한 모습---
도와주십쇼 저렇게 빈자리에도 글자가 표시되었으면 해요!!