Android 中Webview 自适应屏幕

摘要:
第二种方法是将webview加载的页面的模式设置为true。这种方法可以使您的页面适应手机屏幕的分辨率,并将其完全显示在屏幕上,可以放大和缩小。
随笔 - 478  文章 - 3  评论 - 113
Android 中Webview 自适应屏幕
 

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 自适应屏幕》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ArrayList集合中的elementData为什么不参与序列化?我的全栈之路-C语言基础之数据存储下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

基于HTML5的iPad电子杂志横竖屏自适应方案

基于HTML5的iPad电子杂志横竖屏自适应方案 (转载自:http://www.yeeach.com/?p=1172) 基于HTML5来制作iPad电子杂志,横屏及竖屏自适应是个大问题,查找了半天资料,没有一篇像样的文章可供参考。将思路及例子分享一下。例子并不严谨和规范,仅供参考。 大致思路: 1、对横屏(portrait)和竖屏(landscape)情...

Element UI 弹窗(Dialog)改成自适应高度,仅body内容部分滚动

定义样式如下: .abow_dialog { display: flex; justify-content: center; align-items: Center; overflow: hidden; .el-dialog { margin: 0 auto !important; h...

Webview 与h5的交互

步骤:H5代码   <html>   <head>   <meta charset="UTF-8">   <title>交互Demo</title>   <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,wid...

实操 | Airtest测试微信小程序

前言 每隔几天,小编都会收到同学们对于小程序测试的灵魂追问:Airtest支持小程序测试吗?用Poco不能很好地对小程序进行UI识别怎么办?公众号菜单里面的H5页面能用Poco测吗? 在此,小编统一回复: Airtest是支持小程序测试的; 小程序是基于腾讯的X5内核开发的,默认情况下,Poco对小程序的元素不能很好地识别,需要进入TBS调试页面设置...

APP 半自适应 WEB页面

特别赶,响应式纯自适应的,有空写了新的发。 (在手机上看,页面上看一定乱) <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv=...

七 APPIUM Android 定位方式

1.定位元素应用元素   1.1通过id定位元素 Android里面定位的id一般为resrouce-id: 代码可以这样写: WebElement element = driver.findElement(By.id("com.tencent.mm:id/do")); 或者: driver.findElementById("com.tencent.mm...