ScrollView 包含 ViewPager,ViewPager中包含WebView 高度处理

  这几天做项目碰见的坑,界面需要ScrollView包含ViewPager,ViewPager某一项为webView

有过相同项目经历的应该都知道,webView设置成自适应或者充满布局都不行,只能在ViewPager中滑动。所以我们可以设置Viewpager的高度,可是怎么获得webView的高度呢。百度N多方法  设置高度无效,直接上代码

public void refresh(String url) {
        //设置外层高度
        final View parentView = (View) web.getParent();
        web.getSettings().setJavaScriptEnabled(true);
        web.addJavascriptInterface(new HeightGetter(parentView), "jo");
        web.setWebViewClient(new WebViewClient() {
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return false;
            }

            public void onPageFinished(WebView view, String url) {
                web.loadUrl("javascript:window.jo.run(document.documentElement.scrollHeight+'');");
            }
        });
        if (!UtilMethod.isNull(url)) {
            web.loadUrl(url);
        }
    }

    private class HeightGetter {
        private final View parentView;
	
        public HeightGetter(View parentView) {
            this.parentView = parentView;
        }

        @JavascriptInterface
        public void run(final String height) {
            activity.runOnUiThread(new Runnable() {
                public void run() { //获取到的高度 转换为dp
                    parentView.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, UtilMethod.dp2px(activity, Integer.valueOf(height))));
                }
            });
        }
    }

好的,针对你的问题,我可以提供一些思路和参考代码。 首先,实现 Android 的自定义吸顶,可以采用两种方式: 1. 使用固定顶部控件 + ScrollView + ViewPager 的方式实现。 这种方式比较常见,具体实现思路如下: (1)在布局文件定义一个固定在顶部的控件,例如 LinearLayout,将其设置为可见性为 gone,即不可见。 (2)在 ScrollView 添加 ViewPager,将其填充满整个布局,用于滑动切换不同的子页面。 (3)监听 ScrollView 的滑动事件,在滑动到一定位置时,将顶部控件设置为可见,实现吸顶效果。 具体实现代码可以参考以下链接: - https://www.jianshu.com/p/4f28a4d0c3b1 - https://www.cnblogs.com/xiaohuafice/p/11050662.html 2. 使用 CoordinatorLayout + AppBarLayout 实现。 这种方式相对来说比较简单,具体实现思路如下: (1)在布局文件使用 CoordinatorLayout 作为根布局,并添加一个 AppBarLayout 作为子布局。 (2)在 AppBarLayout 添加一个 Toolbar 控件作为顶部的固定控件,将其设置为可见性为 gone。 (3)在子页面,使用 NestedScrollView 作为滑动的容器,并将其放在 AppBarLayout 的下面。 (4)监听 NestedScrollView 的滑动事件,在滑动到一定位置时,将 Toolbar 设置为可见,实现吸顶效果。 具体实现代码可以参考以下链接: - https://www.jianshu.com/p/5d0f7e7e7c97 - https://www.jianshu.com/p/5d0f7e7e7c97 希望以上内容能够帮助到你,有什么问题可以再和我交流哦!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值