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

最新推荐文章于 2021-07-22 11:16:00 发布
最新推荐文章于 2021-07-22 11:16:00 发布
阅读量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 3651
本博客从根本上解决掉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 471
     近期发现了一个关于WebView的问题，纠结了我两天。是这样的公司项目用WebView来展示H5信息，并带有改变字体功能，改变字体这个功能也比较容易实现而且WebView自带的.就是 WebSettings settings = mWebView.getSettings(); settings.setTextSize(WebSettings.TextSize.SMALLEST); ...
Android 布局 空白,永久解决Android webview底部空白问题
weixin_29611737的博客
05-26 686
我改了一点，嵌套布局太多，如果是单一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，但是毕竟无法避免，产品的需求 ２．每次加
ListView嵌套WebView,滚动时有的WebView底部出现大量空白，高度不定如何解决
Pillar的专栏
01-22 2642
ListView嵌套WebView,滚动时有的WebView底部出现大量空白，高度不定如何解决？
android webview在scrollview内底部出现大面积空白
gzjck的专栏
11-01 3436
Scrollview里面的webview用loadDataWithBaseURL方法读取一个html String，显示的时候webview底部出现一大堆空白。
Android NestedScrollView 等滑动布局嵌套 WebView 导致页面高度不全或大段空白问题的最完美解决方案
阿玉的博客
07-22 3111
需求背景：文章详情页，上面部分为 H5，中间为推荐内容，最下面为评论列表 对于这种需求，其实最好的办法就是，整个页面全部是 H5 做好的模板，然后通过 Android 和 WebView 交互去填充数据。 可是事与愿违，为了节约开发和对接成本，竟要求用 WebView + 原生界面 混合套在 滑动布局里，只有文章部分用 H5… 咱也没办法呀！ NestedScrollView 或 ScrollView 等滑动布局嵌套 WebView 时（虽然 Google 并不推荐这么做，但是万恶的产品可不管这些东西，狗头
webview结合滑动控件底部出现空白或加载不全问题
u011959433的专栏
06-07 2692
topicWebView.addJavascriptInterface(this, "MyApp"); timer = new Timer(); timerTask = new TimerTask() { @Override public void run() { topicWebVie...
ScrollView和WebView 嵌套，底部出现大块空白的问题
mffandxx的博客
03-18 6541
前些日子，因为一个无聊的需求，将webview放在scrollview中，运行效果发现webview的底部出现了一大块空白，让我头疼了好一阵子，搜了好几个方法，效果都不是很理想，现在终于找到了，分享出来，希望对大家有所帮助！
android scrollview 底部空白,Android ScrollView 嵌套 WebView 出现底部空白问题
最新发布
05-13
Android ScrollView 嵌套 WebView 出现底部空白问题，可能是由于 WebView 的高度设置不正确导致的。可以尝试以下几种方法解决： 1. 将 WebView 的高度设置为 wrap_content，这样 WebView 的高度就会根据内容自适应。 2. 在 ScrollView 中添加一个 LinearLayout，将 WebView 放入 LinearLayout 中，并将 LinearLayout 的高度设置为 wrap_content。 3. 在代码中获取 WebView 的内容高度，然后将 WebView 的高度设置为内容高度。 可以尝试上述方法中的任意一种或多种，解决底部空白问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值