android scollview嵌套webview底部空白解决方案

最新推荐文章于 2021-05-26 02:27:41 发布
最新推荐文章于 2021-05-26 02:27:41 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tz2101/article/details/53174007
版权

废话不多说  直接上代码

xml布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <RelativeLayout
        android:id="@+id/layout_ll_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#f0f0f0" >

        <RelativeLayout
            android:id="@+id/title"
            style="@style/common_header" >

            <ImageView
                android:id="@+id/common_left_back"
                style="@style/common_header_left_image" />

            <TextView
                style="@style/common_header_center_text"
                android:text="新闻" />
        </RelativeLayout>

        <LinearLayout
            android:id="@+id/bottom"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="#dddddd"
            android:orientation="horizontal"
            android:paddingTop="2dip" >

            <LinearLayout
                android:id="@+id/comment"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_marginLeft="1dip"
                android:layout_weight="1"
                android:background="#f5f5f5"
                android:gravity="center_horizontal"
                android:orientation="vertical"
                android:padding="3dip" >

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="3dip"
                    android:adjustViewBounds="true"
                    android:scaleType="centerInside"
                    android:src="@drawable/pinglun01" >
                </ImageView>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="评论"
                    android:textColor="#737373"
                    android:textSize="12sp" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/shoucang"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_marginLeft="1dip"
                android:layout_weight="1"
                android:background="#f5f5f5"
                android:gravity="center_horizontal"
                android:orientation="vertical"
                android:padding="3dip"
                android:visibility="gone" >

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="3dip"
                    android:adjustViewBounds="true"
                    android:scaleType="centerInside"
                    android:src="@drawable/shoucang01" >
                </ImageView>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="收藏"
                    android:textColor="#666"
                    android:textSize="12sp" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/fontselect"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_marginLeft="1dip"
                android:layout_weight="1"
                android:background="#f5f5f5"
                android:gravity="center_horizontal"
                android:orientation="vertical"
                android:padding="3dip" >

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="3dip"
                    android:adjustViewBounds="true"
                    android:scaleType="centerInside"
                    android:src="@drawable/ziti01" >
                </ImageView>

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="字体"
                    android:textColor="#737373"
                    android:textSize="12sp" />
            </LinearLayout>
        </LinearLayout>

        <com.yzs.jzsq.app.utils.MyScrollView
            android:id="@+id/ScrollView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_above="@+id/bottom"
            android:layout_below="@+id/title"
            android:background="#ffffff"
            android:scrollbars="none" >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center_horizontal"
                android:orientation="vertical" >

                <TextView
                    android:id="@+id/titletext"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:padding="12dip"
                    android:textColor="#000000"
                    android:textSize="20sp"
                    android:visibility="gone" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="right"
                    android:orientation="horizontal"
                    android:visibility="gone" >

                    <TextView
                        android:id="@+id/time"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dip"
                        android:gravity="center"
                        android:textColor="#919191"
                        android:textSize="12sp" />

                    <TextView
                        android:id="@+id/zuozhe"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dip"
                        android:layout_marginRight="10dip"
                        android:gravity="center"
                        android:textColor="#919191"
                        android:textSize="12sp" />
                </LinearLayout>

                <WebView
                    android:id="@+id/mWebView"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dip"
                    android:focusable="true"
                    android:focusableInTouchMode="true" />

                <LinearLayout
                    android:id="@+id/rela"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"
                    android:orientation="vertical" >

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="#eaeaea"
                        android:gravity="center_vertical"
                        android:orientation="horizontal" >

                        <View
                            android:layout_width="8dip"
                            android:layout_height="35dip"
                            android:background="#3b9ac6" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="10dip"
                            android:text="相关推荐"
                            android:textColor="#8e8e8e"
                            android:textSize="17sp" />
                    </LinearLayout>

                    <TextView
                        android:id="@+id/xiangguan1"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dip"
                        android:layout_marginRight="10dip"
                        android:padding="5dip"
                        android:textColor="#474747"
                        android:textSize="18sp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="0.8dip"
                        android:layout_marginLeft="10dip"
                        android:layout_marginRight="10dip"
                        android:background="#cecece" />

                    <TextView
                        android:id="@+id/xiangguan2"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dip"
                        android:layout_marginRight="10dip"
                        android:padding="5dip"
                        android:textColor="#474747"
                        android:textSize="18sp" />

                    <View
                        android:layout_width="match_parent"
                        android:layout_height="0.8dip"
                        android:layout_marginLeft="10dip"
                        android:layout_marginRight="10dip"
                        android:background="#cecece" />

                    <TextView
                        android:id="@+id/xiangguan3"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dip"
                        android:layout_marginRight="10dip"
                        android:padding="5dip"
                        android:textColor="#474747"
                        android:textSize="18sp" />
                </LinearLayout>

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="end"
                    android:layout_marginTop="5dip"
                    android:background="#ffffff"
                    android:visibility="visible" >

                    <LinearLayout
                        android:id="@+id/titlell"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="#eaeaea"
                        android:gravity="center_vertical"
                        android:orientation="horizontal" >

                        <View
                            android:layout_width="6dip"
                            android:layout_height="30dip"
                            android:background="#3b9ac6" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="10dip"
                            android:text="热门评论"
                            android:textColor="#8e8e8e"
                            android:textSize="16sp" />
                    </LinearLayout>

                    <ListView
                        android:id="@+id/news_comments"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_below="@+id/titlell"
                        android:background="@null"
                        android:cacheColorHint="#00000000"
                        android:divider="#6397b1"
                        android:dividerHeight="1px"
                        android:gravity="center"
                        android:listSelector="#00000000"
                        android:visibility="gone" >
                    </ListView>
                </RelativeLayout>
            </LinearLayout>
        </com.yzs.jzsq.app.utils.MyScrollView>

        <LinearLayout
            android:id="@+id/fontsizelyout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_above="@+id/bottom"
            android:layout_alignParentRight="true"
            android:orientation="horizontal"
            android:padding="5dip"
            android:visibility="gone" >

            <TextView
                android:id="@+id/font1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@color/fontcolor2"
                android:paddingBottom="4dip"
                android:paddingLeft="20dip"
                android:paddingRight="20dip"
                android:paddingTop="4dip"
                android:text="小"
                android:textColor="#000000" />

            <TextView
                android:id="@+id/font2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@color/fontcolor1"
                android:paddingBottom="4dip"
                android:paddingLeft="20dip"
                android:paddingRight="20dip"
                android:paddingTop="4dip"
                android:text="中"
                android:textColor="#000000" />

            <TextView
                android:id="@+id/font3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@color/fontcolor2"
                android:paddingBottom="4dip"
                android:paddingLeft="20dip"
                android:paddingRight="20dip"
                android:paddingTop="4dip"
                android:text="大"
                android:textColor="#000000" />
        </LinearLayout>
    </RelativeLayout>

</android.support.v4.widget.DrawerLayout>


代码 

mWebView = (WebView) findViewById(R.id.mWebView);
		WebSettings webSettings = mWebView.getSettings();

		webSettings.setDatabaseEnabled(true);
		webSettings.setDomStorageEnabled(true);
		webSettings.setAppCacheEnabled(true);
		webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
		webSettings.setAllowFileAccess(true);
		webSettings.setDefaultTextEncodingName("UTF-8");
		webSettings.setJavaScriptEnabled(true);
		webSettings.setBlockNetworkImage(false);
		webSettings.setRenderPriority(RenderPriority.HIGH);
		// 设置可以支持缩放
		webSettings.setSupportZoom(true);
		// 设置出现缩放工具
		webSettings.setBuiltInZoomControls(true);

		// Webview自适应屏幕
		webSettings.setUseWideViewPort(true);
		webSettings.setLoadWithOverviewMode(true);

		// Webview自适应屏幕 4.4以下
		webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

		mWebView.setWebViewClient(new WebViewClient() {
			@Override
			public void onPageFinished(WebView view, String url) {
				setWebViewHeight();

				super.onPageFinished(view, url);
			}
		});
		mWebView.addJavascriptInterface(this, "App");

mWebView.loadUrl(job.getString("url"));

							mWebView.setWebChromeClient(new WebChromeClient() {

								@Override
								public void onProgressChanged(WebView view,
										int newProgress) {
									// 动态在标题栏显示进度条
									if (newProgress < 100)
										showLoading();
									else
										dismiss();

									super.onProgressChanged(view, newProgress);
								}

								@Override
								public void onReceivedTitle(WebView view,
										String temp) {

									super.onReceivedTitle(view, temp);
								}

							});

void setWebViewHeight() {
		mWebView.loadUrl("javascript:App.resize(Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight))");
	}

	@JavascriptInterface
	public void resize(final float height) {
		runOnUiThread(new Runnable() {
			@Override
			public void run() {
				switch (cur_index) {
				case 0:
					if (0 != sHeight)
						mWebView.setLayoutParams(new LinearLayout.LayoutParams(
								getResources().getDisplayMetrics().widthPixels,
								sHeight));
					else {
						sHeight = (int) (height * getResources()
								.getDisplayMetrics().density);

						mWebView.setLayoutParams(new LinearLayout.LayoutParams(
								getResources().getDisplayMetrics().widthPixels,
								sHeight));
					}

					break;
				case 1:
					if (0 != nHeight)
						mWebView.setLayoutParams(new LinearLayout.LayoutParams(
								getResources().getDisplayMetrics().widthPixels,
								nHeight));
					else {
						nHeight = (int) (height * getResources()
								.getDisplayMetrics().density);

						mWebView.setLayoutParams(new LinearLayout.LayoutParams(
								getResources().getDisplayMetrics().widthPixels,
								nHeight));
					}

					break;
				case 2:
					if (0 != lHeight)
						mWebView.setLayoutParams(new LinearLayout.LayoutParams(
								getResources().getDisplayMetrics().widthPixels,
								lHeight));
					else {
						lHeight = (int) (height * getResources()
								.getDisplayMetrics().density);

						mWebView.setLayoutParams(new LinearLayout.LayoutParams(
								getResources().getDisplayMetrics().widthPixels,
								lHeight));
					}

					break;
				}
			}
		});
	}



江寒雪
关注
专栏目录
Android开发中ScollView 嵌套 WebView 底部高度无法自适应解决
燚轩软件科技
04-01 501
最近要做一个页面，需要 ScrollView 嵌套 WebView，怎么嵌套，怎么解决焦点和 touch 事件冲突，网上一大堆，这里就不赘述了，但是发现 WebView 从一个高度很高的网页加载一个高度很低的网页的时候，高度无法自适应了，造成底部会有一大片的空白，下面郑州app开发公司燚轩科技来分享一下我们的解决方案。 JS 注入，获取页面内容高度，设置成 WebView 高度 JS 注入，通...
ScrollView中嵌套WebView底部留白问题解决
AndyYuan317的博客
12-30 3652
本博客从根本上解决掉ScrollView嵌套WebView导致底部留有大面积空白问题。
Android WebView打开网页一片空白的解决方法
08-26
主要介绍了Android WebView打开网页一片空白的解决方法，试了很多方法，最后记录一下，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Scrollview嵌套webview空白
梦想不只是梦与想的博客
11-13 374
最近在做一些页面详情页的时候，因为需要用到ScrollView嵌套webview进行部分网页的显示。因为之前用的是6.0的android版本测试的，所有没有发现问题。后来在android9.0的版本测试的时候，才发现会出现，webview的页面显示为空白或者高度为0这两种情况。 网上查了好多解决方案，基本都不能用，虽然有一个在onPageFinished里面重新设置webview的高度，但是这种限死高度的事情肯定是会有问题的，所有基本也可以放弃这个方案。 最后通过测试webview的加载过程，在初始化的
Scrollview嵌套WebView加载成功但是显示空白
董俊帅
05-22 2121
问题描述 Google官方不建议ScrollView+WebView的嵌套使用，但是为了需求实现，实在是没有找到其他的可替代方案，只能是采用此方法了。因为采用此方案，相关的问题也随之而来，其中最大的问题就是，WebView内容成功加载完成之后，内容显示一片空白，无法正常显示内容 原因 两者嵌套，ScrollView和WebView互相抢焦点，导致WebView宽高为0,从而导致显示空白。 解决办法...
Android ScrollView嵌套WebView出现大面积空白页解决方法
夏天的夏，夏天的天。
02-06 1万+
从性能的角度来说，在ScrollView中是不建议嵌套WebView的，该说明在官方文档中也有所说明。但是总会有些无聊的需求导致不得不使用该种方法来实现功能。那么问题来了，将WebView放在ScrollView中，运行时在WebView的底部经常会出现一大片的空白。终究原因还是适配的问题。下面小编将详细的介绍解决方案。   方案一、设置ScrollView属性 android:fi
日常工作记录：解决ScrollView嵌套WebView改变字体后,后面留一大片空白的问题
指尖跃动的博客
04-25 472
     近期发现了一个关于WebView的问题，纠结了我两天。是这样的公司项目用WebView来展示H5信息，并带有改变字体功能，改变字体这个功能也比较容易实现而且WebView自带的.就是 WebSettings settings = mWebView.getSettings(); settings.setTextSize(WebSettings.TextSize.SMALLEST); ...
Android 布局 空白,永久解决Android webview底部空白问题
weixin_29611737的博客
05-26 690
我改了一点，嵌套布局太多，如果是单一webview就比较好解决mBinding.rvContentList.setWebViewClient(new WebViewClient() {@Overridepublic void onPageFinished(WebView view, String url) {mBinding.rvContentList.loadUrl("javascript:Ap...
android webview input=file 失效解决方案
05-24
在Android开发中，Webview是一个重要的组件，它允许我们在原生应用中内嵌网页内容，提供混合式应用的用户体验。然而，在使用Webview时，有时会遇到一个问题：当HTML页面中包含`<input type="file">`用于上传文件的...
android scollview嵌套webview底部空白，高度无法自适应解决
Shawn_Dut的专栏
08-11 1万+
最近要做一个页面，需要scollview嵌套webview，怎么嵌套，怎么解决焦点和touch时间冲突，网上一大堆，这里就不赘述了 但是发现webview从一个高度很高的网页加载一个高度很低的网页的时候，高度无法自适应了，造成底部会有一大片的空白，解决方案找到了挺多，描述一下 １．google建议不要在scrollview中使用webview，但是毕竟无法避免，产品的需求 ２．每次加
有关scollview嵌套webview底部空白，高度无法自适应的问题解决方法
逗比学习笔记
01-09 2155
当项目中用到webView与listview组合并且放到一个scrollview中的时候，当所有滑动冲突解决之后，你会发现另外一个棘手的问题，那就是当页面跳转的时候，两个页面内容高度不一致，内容较少的页面底部将会产生空白，这个空白高度如果大于一个页面的时候，将会让用户误以为页面没有打开，那么这里有个方法我觉得还是比较完美的： js注入的方式：在当前的activity中加入以下代码 1.
Android开发中ScollView嵌套 WebView底部高度无法自适应解决
燚轩软件科技
10-25 3191
　　最近要做一个页面，需要 ScrollView 嵌套 WebView，怎么嵌套，怎么解决焦点和 touch 事件冲突，网上一大堆，这里就不赘述了，但是发现 WebView 从一个高度很高的网页加载一个高度很低的网页的时候，高度无法自适应了，造成底部会有一大片的空白，下面来分享一下我们的解决方案。 　　JS 注入，获取页面内容高度，设置成 WebView 高度 　　JS 注入，通过前端 JS ...
ScrollView 内置 Webview导致底部页面下方空白区域无限下滑
农村打工仔的博客
08-24 6428
在网上还有人说这样可以解决： WebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); WebView.setVerticalScrollBarEnabled(false);
解决Android的Webview加载页面空白问题
qq_39071530的博客
09-10 1万+
通过webview加载百度地图开发的h5页面时，出现了页面空白的问题。 出现这问题通过下面两个设置能解决大部分的问题。 mWebSettings.setJavaScriptEnabled(true);//是否允许JavaScript脚本运行，默认为false mWebSettings.setDomStorageEnabled(true);//开启本地DOM存储 如果还不能解决的话通过下面的...
webView加载H5页面出现空白页的解决办法
热门推荐
lixiaoshuai_91的博客
09-29 2万+
最近在做一个理财的项目，其中用到的H5页面比较多，在项目后期出现了很多bug，今天介绍下webView加载H5出现空白的解决办法 首先介绍下出现问题的场景，我们在一个Activity中镶嵌了一个H5的小页面，在这个Activity中有很多点击可以进入另外的H5页。并且这个Activity每次执行onResume就会重新加载所有的数据。  当H5页面没有加载完成的时候如果我点击进入另外的H5页面时
Android WebView底部空白问题，调整WebView的大小以匹配内容大小
珍惜现再的专栏
05-24 3455
关于调整webview大小以适应其内容大小的方法已有很多讨论。 当我们在scrollview中使用webview时，可以看到实际问题。如果我们希望在webview上显示某些内容并允许整个页面滚动，那么Web视图内容超出了屏幕大小。 如果我们首先在webview中加载大量数据，它会扩展自身以适应整个内容，但是当我们稍后加载较小的数据时，它仍然显示相同的先前大小，这比显示较小数据所需的大小多。这样...
android scrollview 底部空白,Android ScrollView 嵌套 WebView 出现底部空白问题
最新发布
05-13
Android ScrollView 嵌套 WebView 出现底部空白问题，可能是由于 WebView 的高度设置不正确导致的。可以尝试以下几种方法解决： 1. 将 WebView 的高度设置为 wrap_content，这样 WebView 的高度就会根据内容自适应...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值