HarmonyOS 鸿蒙Next 如何实现webView作为Listitem时准确获取webView高度

发布于 1周前 作者 itying888 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 如何实现webView作为Listitem时准确获取webView高度 如题，项目中需要实现加载html文本数据，webView作为Listitem需要按照webView实际高度动态设置Listitem高度，请问怎样获取高度，且webView加载完成的回调函数是哪个，有没有相关的文档？

Harmonyos Next教程
2 回复

开发应用沉浸式效果-开发布局-UI开发 (ArkTS声明式开发范式)-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者

这个文档有，看下是否满足

getWindowAvoidArea ，获取避让区域后，里面有属性可以拿到

当前没有直接的方法去获取listItem的直接高度，你可以通过onDidScroll，当列表滑动时触发，返回当前帧滑动的偏移量，通过这个计算每一条的高度

  1. 加载完成、查看【Web组件的生命周期】onPageEnd https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-event-sequence-V5

  2. 获取webView高度，可以参考下面的方法， 或者通过 getPageHeight获取高度 https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5#getpageheight

// index.html

<!DOCTYPE html>

<html>

<body>

<p>
  <h1>1111111111</h1>
  <h2>1111111111</h2>
  <h2>1111111111</h2>
</p>

</body>

<script type="text/javascript">
function watchWindowSize(){
var h = document.body.clientHeight;
return h; }
</script>

</html>

更多关于HarmonyOS 鸿蒙Next 如何实现webView作为Listitem时准确获取webView高度的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中，当webView作为Listitem时，要准确获取webView的高度，可以通过以下方式实现：

  1. 延迟测量：由于webView内容加载是异步的，因此在内容完全加载完成前，其高度可能是不确定的。可以通过设置一个延迟，等待webView内容加载完成后再进行测量。例如，可以在webView的加载完成回调中，使用measure()和getMeasuredHeight()方法来获取高度。

  2. 自定义Layout：创建一个自定义的Layout，在Layout中重写onMeasure()方法，根据webView的实际内容进行测量。这样可以在布局阶段就获取到webView的准确高度。

  3. 使用ViewTreeObserver：为webView添加ViewTreeObserver.OnPreDrawListener，在视图树预绘制时获取webView的高度。这种方式可以确保在视图绘制前获取到最新的高度信息。

  4. 动态调整：如果webView的高度在内容加载过程中会发生变化（如图片加载完成等），可以在webView内部使用WebViewClient或WebChromeClient监听内容变化，并在变化时重新测量和调整布局。

以上方法可以根据具体需求选择使用。如果问题依旧没法解决请联系官网客服，官网地址是 https://www.itying.com/category-93-b0.html。

回到顶部