Android-网页折叠效果

最新推荐文章于 2023-12-14 15:39:06 发布

zhezi521

最新推荐文章于 2023-12-14 15:39:06 发布

阅读量360

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zhezi521/article/details/107046219

本文介绍了一种实现网页视图可折叠的功能，通过调整WebView的高度并使用按钮控制展开与折叠，确保了良好的用户体验和页面布局的灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2020年6月30日
项目需求：
----
制作可折叠的网页如下图所示

# 解决方案
相关代码

//web_view
web_fold.loadUrl("https://mbd.baidu.com/newspage/data/landingsuper?context=%7B\"nid\"%3A\"news_9026738671402122925\"%7D&n_type=0&p_from=1")
        web_fold.webViewClient = object : WebViewClient() {
            override fun onPageFinished(view: WebView?, url: String?) {
                super.onPageFinished(view, url)
                //延长获取WebView的高度 150-为WebView预留的高度
                Handler().postDelayed({
                    view?.let {
                        mWebAllHeight = view.contentHeight
                        val defaultHeight = DensityUtils.dp2px(this@ExhibitionDetailActivity, 150.0f)
                        if (mWebAllHeight >= defaultHeight) {
                            ll_all.visibility = View.VISIBLE
                        } else {
                            ll_all.visibility = View.INVISIBLE
                        }
                    }
                }, 500)

            }
        }
        //展开按钮
        tv_unfold.setOnClickListener {
            fl_web.layoutParams.height = ViewGroup.LayoutParams.MATCH_PARENT
            fl_web.requestLayout()
            ll_all.visibility = View.INVISIBLE
        }