Android 中Webview 自适应屏幕

转载 2017年01月03日 01:06:37

webview中右下角的缩放按钮能不能去掉

settings.setDisplayZoomControls(false); //隐藏webview缩放按钮

 

让Webview加载的页面居中显示有我知道的几种方法

第一种方法:

WebSettings settings = webView.getSettings(); 
settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 
LayoutAlgorithm是一个枚举用来控制页面的布局,有三个类型:

1.NARROW_COLUMNS:可能的话使所有列的宽度不超过屏幕宽度

2.NORMAL:正常显示不做任何渲染

3.SINGLE_COLUMN:把所有内容放大webview等宽的一列中

用SINGLE_COLUMN类型可以设置页面居中显示,页面可以放大缩小,但这种方法不怎么好,有时候会让你的页面布局走样而且我测了一下,只能显示中间那一块,超出屏幕的部分都不能显示。

 

第二种方法:

//设置加载进来的页面自适应手机屏幕 
        settings.setUseWideViewPort(true); 
        settings.setLoadWithOverviewMode(true); 
第一个方法设置webview推荐使用的窗口,设置为true。第二个方法是设置webview加载的页面的模式,也设置为true。

这方法可以让你的页面适应手机屏幕的分辨率,完整的显示在屏幕上,可以放大缩小。

两种方法都试过,推荐使用第二种方法

 

第三种方法:(主要用于平板,针对特定屏幕代码调整分辨率)
    DisplayMetrics metrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(metrics);
    int mDensity = metrics.densityDpi;


    if (mDensity == 120) {
              settings.setDefaultZoom(ZoomDensity.CLOSE);
          }else if (mDensity == 160) {
              settings.setDefaultZoom(ZoomDensity.MEDIUM);
          }else if (mDensity == 240) {
              settings.setDefaultZoom(ZoomDensity.FAR);
          }


android中WebView加载网页居中显示

方式一: WebSettings mWebSettings = webView.getSettings(); mWebSettings.setLayoutAlgorithm(LayoutAlgori...

android 仿天猫商品详情界面滑动效果

demo地址 常态  向上滑动    向下拉动 主要做了两个效果 1.向上滑动的时候下面部分会遮盖住图片,图片也会随着慢慢向上移动只是速度较慢。 2.向下拉的时候图片会放大,松手后图片恢复原来...

解决 android 高低版本 webView 里内容 自适应屏幕的终极方法

一,先说下我的情况,大家可以对号入座(嫌无聊请跳过)       我的项目要求是这样的,先从数据库里面拿出来html标签,因为加载到移动端的网页内容是用户在网页编辑好了之后提交到服务器的,即网页...

暂时解决了Android webview组件中显示SVG自适应屏幕问题

SVG图形在网页及android中自适应问题

android webview自适应屏幕大小

前几天修改C1眼镜管家V2.0版本的时候,测试出NBD注册网页在手机上显示的时候出现不适应屏幕的情况,参考网上帖子后,自己写了一个小的demo试验了一下,结果问题解决了,在这里记录一笔。 demo的布...

android webview自适应屏幕

android方面的开发,包括手机端和机顶盒,也就是智能电视方面端的开发过程中,都不可避免的需要使用到webview,而针对于不同的分辨率而言,webview也需要做到自适应屏幕。那么,他应该怎样才能...
  • gan303
  • gan303
  • 2015年12月10日 09:10
  • 2009

13、Android Webview图片自适应屏幕解决方案

图片过大,通过设置webview后字体又超小。网上的方法千篇一律尝试过程:1、设置// mWebview.getSettings().setUseWideViewPort(true);//让we...

解决 android 高低版本 webView 里内容 自适应屏幕的终极方法

http://www.cnblogs.com/linguanh/p/4927353.html 解决 android 高低版本 webView 里内容 自适应屏幕的终极方法 转载请声...

Android webView 图片内容自适应屏幕

最近项目用到webview显示后台返回的富文本编辑器生成的html代码. 网上给出的方法基本如下: WebSettings settings = webView.getSettings();  set...

webview自适应屏幕

  • 2015年11月29日 22:30
  • 1.13MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android 中Webview 自适应屏幕
举报原因:
原因补充:

(最多只允许输入30个字)