前幾天項目遇到了webview加載html的時候,網頁拖動右邊有空白的現象,找了很多方案,都沒解決,我研究了一下,其實很簡單,特把方法列出來,供大家參考一下,希望能對大家有所幫助。
先看效果圖
怎麼拖都不會動,同時加 有對網頁放大和縮小的功能。
先把代碼拿出來,html的我是php寫的,
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title><? echo $arr['subject'];?></title>
<style type="text/css">
<!--
*{ margin:0; padding:0}
body{
margin-left:0;
margin-right:0;
}
.style1 {color: #006699; font-weight:bold}
-->
</style>
</head>
<body>
<table width="98%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td ><span class="style1"><? echo $arr['subject'];?></span></td>
</tr>
<td >作者:<? echo $arr[author];?> 時間:<? echo trantime($arr[postdate]);?></td>
<td><? echo $content;?></td>
</table>
</body>
</html>
跟一般的寫法沒什麼兩樣,其中上面加載php的我省略掉了,相信大家能看明白。
下面是java代碼
string url="http://www.dengwei1999.com/newslist.php?id=8";
wv = (webview) findviewbyid(r.id.webview1);
wv.setvisibility(webview.visible);
websettings ws = wv.getsettings();
//ws.setusewideviewport(true);
ws.setjavascriptenabled(true);
wv.addjavascriptinterface(new contactsplugin(), "contactsaction");
//設定可以支援縮放
wv.getsettings().setsupportzoom(true);
//設定預設縮放方式尺寸是far
wv.getsettings().setdefaultzoom(websettings.zoomdensity.far);
//設定出現縮放工具
wv.getsettings().setbuiltinzoomcontrols(true);
wv.loadurl(url);
就這樣就可以實作了,是不是很簡單。呵呵