`
jiapeng16
  • 浏览: 35376 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Android WebView 文本框获取焦点后自动放大的解决方案

 
阅读更多

    2013-10-14 更新:最近好久没弄android 了,webview的问题其实如果是在android4.0以上的版本,本文说的文本框放大本身是可以通过调整html body的大小来解决的,建议body不写死或者body比webview小。下文所说的办法针对个版本android 都有效,但是实际上使用会很局限,实际上你要先知道html的body大小 和webview的大小来算,并非什么完美解决方法,只在特定情况下适合。

 

     Android WebView 当文本框获取焦点后自动放大,但这种自动放大不是我想要的。这并不是android的bug,而是他的正常处理

    这是我最近两个星期面临的一个比较棘手的Bug,目前国内外都没有大牛提供很好的解决方式。这里,我今天花了大半天时间来解决这个问题。

 

     之所以出现这种情况,主要是当文本框获取到焦点后,键盘自动弹出,会执行WebView的displaySoftKeyboard 方法,这个方法会把缩小的网页恢复到正常情况(也就是说缩小的网页放大),但是我目前的项目都是不允许页面缩放的,所以一旦页面放大后就无法恢复。 这里感谢国外的一个朋友的帖子回复

http://stackoverflow.com/questions/3702805/is-there-a-way-to-disable-the-zoom-feature-on-input-fields-in-webview/7214199#7214199 。

 

不多说,直接上代码,如果想知道原因,看我后续的blog。 <!--EndFragment-->

<!--EndFragment-->

 

解决原理:

通过反射,拿到WebView的一个私有属性mDefaultScale,并在WebView失去焦点的时候,修改它的值,已达到网页不放大的效果。

 

 

     view.setInitialScale(???); //???代表随便多少,小于一百才会有我说的这个bug。

 

 

<!--EndF-->

   解决方案如下:

 

		videoNavigation_WV.setOnFocusChangeListener(new View.OnFocusChangeListener() {
			@Override
			public void onFocusChange(View v, boolean hasFocus) {
				if(hasFocus)
				{
					try {
						Field defaultScale = WebView.class.getDeclaredField("mDefaultScale");
						defaultScale.setAccessible(true);
						//WebViewSettingUtil.getInitScaleValue(VideoNavigationActivity.this, false )/100.0f 是我的程序的一个方法,可以用float 的scale替代
						defaultScale.setFloat(videoNavigation_WV , WebViewSettingUtil.getInitScaleValue(VideoNavigationActivity.this, false )/100.0f);
					} catch (SecurityException e) {
						e.printStackTrace();
					} catch (IllegalArgumentException e) {
						e.printStackTrace();
					} catch (IllegalAccessException e) {
						e.printStackTrace();
					} catch (NoSuchFieldException e) {
						e.printStackTrace();
					} 
				}
			}
		});

  <!--EndFragmen-->

   大家如果想利用我这段代码,我这里面的defaultScale.setFloat(WebView,float),这个float值是你初始化的时候的scale值。跟你的CSS body值有一定的关系。假如body值 是1920*1080 而你现在是显示在1280*720的屏幕上,那么这个scale 的float值就是0.666667。就是你的现在的缩放页面与正常情况先显示的大小的比(缩放比),大家可以用页面第一次加载的时候通过getScale()值获取。

   

    代码还有很多需要优化的地方,比如反射拿属性,其实只要做一次,设置可以做多次,这里只是一个Demo,觉得代码垃圾的话我发个改好的工程给你。

 

   有木有做android TV 的 ,加群87154410,欢迎欢迎。 

 

2013-10-14 对了,加群直接私聊我的,最近比较忙,没时间帮你解决,不好意思,群里也有解决过此类问题的。

 

 

 

 

4
1
分享到:
评论
7 楼 dinglongaaa 2014-05-27  
setOnFocusChangeListener这个方法根本就没走
6 楼 ggoyea 2013-03-06  
不起作用呢。
5 楼 fengpengfei8910 2012-12-19  
Field defaultScale = WebView.class.getDeclaredField("mDefaultScale");  
执行到这一句抛出异常 求解决
4 楼 fengpengfei8910 2012-12-19  
写不很不错 但还是求工程 fengpengfei11@163.com
3 楼 gejian311 2012-05-17  
我执行时直接NoSuchFieldException异常了,为什么呢?
2 楼 Pirate001 2012-03-09  
   
1 楼 vivaman 2012-01-11  

相关推荐

Global site tag (gtag.js) - Google Analytics