android WebView（二）缩放
浏览数：20 /
时间：2015年06月11日
很多时候需要WebView加载的页面可以缩放，以方便阅读。
其实WebView的缩放并没有那么简单，不能通过一两个属性就能设置好，一般情况下需要同时设置一下几个属性：
setBuiltInZoomControls 设置此属性可视实现两个手机滑动缩放，并且在屏幕上显示一个缩放工具。
setUseWideViewPort 此属性其实是需要根据你要加载的页面来设置的，因为有些页面是很早期的只适配了pc的浏览器的页面，页面很大，需要宽大的视野来展示，这时候设置为true就可以在足够的空间拖动，并且页面可以以任意比例缩放。
setLoadWithOverviewMode 此属性为true表示用尽可能大的视野展示页面，一般和上一属性搭配使用。当然大视野显示的字都很小。
setLayoutAlgorithm 其实这个属性并不推荐，也是Google放弃的一个属性。此属性用来控制页面的布局，有三个类型：
SINGLE_COLUMN：把所有内容放大到webview等宽的一列中。
NORMAL：正常显示不做任何渲染。
NARROW_COLUMNS：可能的话让所有列的宽度不超过屏幕宽度。
如果你的网页不想让缩放，并且希望页面能够自适应手机屏幕的，可以在你的html文件中添加下面的属性：
WebView在加载包含以上属性的页面时，即使是已经设置WebView可以缩放了，这个页面也不会被缩放，并且这个页面会尽量以最
其实WebView的缩放并没有那么简单，不能通过一两个属性就能设置好，一般情况下需要同时设置一下几个属性：
// 设置可以支持缩放 webSettings.setSupportZoom(true); // 设置出现缩放工具 webSettings.setBuiltInZoomControls(true); //设置可在大视野范围内上下左右拖动，并且可以任意比例缩放 webSettings.setUseWideViewPort(true); //设置默认加载的可视范围是大视野范围 webSettings.setLoadWithOverviewMode(true); //自适应屏幕 webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);setSupportZoom 是必须得设置的，但是只设置此属性并不能实现缩放，在某些版本的手机上也只是能实现点击缩放。
setBuiltInZoomControls 设置此属性可视实现两个手机滑动缩放，并且在屏幕上显示一个缩放工具。
setUseWideViewPort 此属性其实是需要根据你要加载的页面来设置的，因为有些页面是很早期的只适配了pc的浏览器的页面，页面很大，需要宽大的视野来展示，这时候设置为true就可以在足够的空间拖动，并且页面可以以任意比例缩放。
setLoadWithOverviewMode 此属性为true表示用尽可能大的视野展示页面，一般和上一属性搭配使用。当然大视野显示的字都很小。
setLayoutAlgorithm 其实这个属性并不推荐，也是Google放弃的一个属性。此属性用来控制页面的布局，有三个类型：
SINGLE_COLUMN：把所有内容放大到webview等宽的一列中。
NORMAL：正常显示不做任何渲染。
NARROW_COLUMNS：可能的话让所有列的宽度不超过屏幕宽度。
如果你的网页不想让缩放，并且希望页面能够自适应手机屏幕的，可以在你的html文件中添加下面的属性：
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="mobileOptimized" content="width">
<meta name="handheldFriendly" content="true">WebView在加载包含以上属性的页面时，即使是已经设置WebView可以缩放了，这个页面也不会被缩放，并且这个页面会尽量以最
合适的方式显示出来。其实这是做页面流行的也是推荐的做法。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
