获取View的height 和width

在Android中,onCreate中无法直接获取View的宽度和高度,因为此时界面未绘制。可以使用测量方法、预绘制监听或全局布局监听来获取View的尺寸。测量方法包括调用`measure()`函数;预绘制监听`addOnPreDrawListener()`;全局布局监听`addOnGlobalLayoutListener()`。若为自定义View,可在`onSizeChanged()`回调中获取尺寸。

        在onCreate中去获取View的长度和宽度是无效的,view.getWidth()和view.getHeight()都是0,这是因为此时界面还处于不可见状态,View还没有绘制出来,无法正确获得尺寸。但有时我们需要尽早的获取到View的长宽来进行一些操作,这个时候下面的一些方法是可行的:


  •        测量方法: 
            view.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
            int height = view.getMeasuredHeight();
            int width = view.getMeasuredWidth();

  • 组件绘制之前监听
    ViewTreeObserver vto =view.getViewTreeObserver();
    vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
                                         @Override
                                         public boolean onPreDraw() {
                                             int height =view.getMeasuredHeight();
                                             int width =view.getMeasuredWidth();
                                             return true;
                                         }
                                     });

    
    
  •   整体布局监听
        ViewTreeObserver vto = view.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener(){
                                          @Override
                                          public void onGlobalLayout() {
                                              view.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                                              int height =view.getMeasuredHeight();
                                              int width =view.getMeasuredWidth();
                                          }
                                  });


  •   如果是自定义的view,可以在onSizeChange回调函数中获取并保存长和宽
        @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            super.onSizeChanged(w, h, oldw, oldh);
            height = h;
            width = w;
        }

<think>好的,用户想知道如何使用JavaScript获取WebView的宽度高度。首先,我需要回顾一下相关的知识。 根据引用内容,用户提到了在Android WebView中启用JavaScript支持,以及在页面加载完成后调用JS方法的重要性。比如引用[2]指出,JS代码必须在页面加载完成后调用,比如在onPageFinished回调中执行。此外,引用[3][5]提到了使用JavaScript获取窗口的宽度高度的具体方法,比如document.documentElement.clientWidthclientHeight。还有在鸿蒙系统中WebView的交互方式,可能涉及类似的原理。 所以,用户的问题可能是在WebView中,通过JavaScript代码获取当前视图的尺寸。需要分步骤考虑:首先在WebView设置中启用JavaScript,确保可以执行JS;然后在页面加载完成后注入JS代码,或者让页面自身的JS代码在合适的时机获取这些值。同时,可能需要通过WebView的接口将获取到的尺寸传递回原生代码,比如通过addJavascriptInterface或者loadUrl的方式。 另外,引用[5]提到在初始化时可能无法获取到DOM的尺寸,但可以通过指定高宽或延迟获取。因此,在WebView中可能需要等待页面加载完成后再执行JS代码,以确保元素已经渲染完毕,能够正确获取到尺寸。 总结下来,步骤应该是:1. 确保WebView启用JavaScript;2. 在页面加载完成后执行JS代码;3. 使用document.documentElement.clientWidthclientHeight获取宽高;4. 可能需要将结果传回原生应用。同时需要注意不同平台(Android、HarmonyOS)的差异,但核心的JS方法应该是通用的。</think>在WebView中通过JavaScript获取宽度高度,需结合原生代码JS交互实现。具体步骤如下: --- ### 方法1:通过JS直接获取DOM尺寸 1. **启用WebView的JavaScript支持**(以Android为例): ```java WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); //允许执行JS脚本[^1] ``` 2. **在页面加载完成后注入JS代码**: ```java webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { //页面加载完成后执行JS webView.loadUrl("javascript:window.JsBridge.onGetSize(" + "document.documentElement.clientWidth," + "document.documentElement.clientHeight)"); //获取可视区域尺寸[^3][^5] } }); ``` 3. **JS回调原生接口**(需提前注册JS桥接对象): ```java public class JsBridge { @JavascriptInterface public void onGetSize(int width, int height) { Log.d("WebViewSize", "Width: " + width + ", Height: " + height); } } webView.addJavascriptInterface(new JsBridge(), "JsBridge"); //注册JS桥接对象 ``` --- ### 方法2:通过Echarts初始化参数获取(适用于图表场景) 若使用Echarts等可视化库,可在初始化时直接传递尺寸参数[^5]: ```javascript //在WebView加载的页面中 const chart = echarts.init(document.getElementById('chart'), null, { width: document.documentElement.clientWidth, height: document.documentElement.clientHeight }); ``` --- ### 关键注意事项 1. **执行时机**:必须等待`onPageFinished`或DOM加载完成后再获取尺寸,否则可能得到0值[^2] 2. **鸿蒙系统实现**:通过`WebAgent`拦截URL实现类似交互逻辑[^4] 3. **动态尺寸**:监听窗口变化时需添加`resize`事件: ```javascript window.addEventListener('resize', () => { const newWidth = document.documentElement.clientWidth; const newHeight = document.documentElement.clientHeight; }); ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值