Android-获取View宽高的时机

前言:

最近遇到一个bug,问题描述是这样的:启动页需要放置一张广告图,要使这张图在不变形的情况下(等比例缩放),宽度要占满屏幕宽,于是手动计算并设置ImageView需要的缩放比例来对图片进行缩放。该方法触发的时机引发了一些问题。

private void scaleView(ImageView iv) {
        if (iv.getDrawable() == null) {
            return;
        }
        Matrix matrix = iv.getImageMatrix();
        float scaleWidth = (float) iv.getWidth() / (float) iv.getDrawable().getIntrinsicWidth();
        float scaleHeight = (float) iv.getHeight() / (float) iv.getDrawable().getIntrinsicHeight();
        float scaleFactor = scaleWidth > scaleHeight ? scaleWidth : scaleHeight;
        matrix.setScale(scaleFactor, scaleFactor, 0.0F, 0.0F);
        if (BigDecimal.valueOf((double) scaleFactor).compareTo(BigDecimal.valueOf((double) scaleHeight)) == 0) {
            float translateX = ((float) iv.getDrawable().getIntrinsicWidth() * scaleFactor - (float) iv.getWidth()) / 2.0F;
            matrix.postTranslate(-translateX, 0.0F);
        }
        iv.setImageMatrix(matrix);
    }

问题在于:

xml布局中使用了match_parent来定义ImageView大小,然而我在Fragment的onViewCreated方法中来调用该方法(当然在Activity的onCreate方法中调用也是一样),从上面代码可以发现 iv.getWidth()/iv.getHeight()需要获取ImageView的width和height来计算比例,而此时并没有进行Layout,所以iv.getWidth()/iv.getHeight()的返回值是0,导致该图片最终不可见或者缩放操作无效。

解决思路:

问题的关键在于修改触发这个函数的时机,好的时机是在View的onLayout函数结束之后用户可见之前,因为此时实际高宽已经确定(提醒一下测量高宽MeasureWidth/MeasureHeight不一定等于实际高宽Width/Height)

解决方案:

总结了三种常见的解决方案,如下:

1.手动调用view的measure方法(不太建议):

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final MyImageView myImageView = (MyImageView) findViewById(R.id.imageview);
        int w = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED);
        int h = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED);
        myImageView.measure(w, h);
        Log.d("===MainActivity", "onCreate执行完毕..myImageView " +
                "height:" + myImageView.getMeasuredHeight() + "  ,width:" + myImageView.getMeasuredWidth());
    }

手动调用之后就确保可以获取到MeasuredHeight了,但MeasuredHeight不一定等于Height。

2.利用ViewTreeObserver注册addOnPreDrawListener监听

ViewTreeObserver vto = myImageView.getViewTreeObserver();
        vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            public boolean onPreDraw() {
                int height = myImageView.getMeasuredHeight();
                int width = myImageView.getMeasuredWidth();
                Log.d("===PreDrawListener", "PreDrawListener..myImageView " +
                        "height:" + height + "  ,width:" + width);
                myImageView.getViewTreeObserver().removeOnPreDrawListener(this);
                return true;
            }
        });

ViewTreeObserver,View事件的观察者,可以用来监听视图树,会监听视图树发生全局变化时发出的通知。这里指的全局 事件包括而且不局限在以下几个:整个视图树的布局变化,开始绘制视图,触摸模式改变等等。添加addOnPreDrawListener确保了Layout过程执行,此时能获取宽高,在获取之后应及时调用remove方法将监听移除

3.利用ViewTreeObserver注册OnGlobalLayoutListener监听

ViewTreeObserver vto = myImageView.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                myImageView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                Log.d("===OnGlobalLayout", "OnGlobalLayoutListener..myImageView " +
                        "height:" + myImageView.getHeight() + "  ,width:" + myImageView.getWidth());
            }
        });

跟方法2类似,只不过换了个监听,可以实现
**值得注意的是remove方法需要兼容一下sdk版本:

if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
                        mWelcomeImageView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                    } else {
                        mWelcomeImageView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                    }

**

4.使用View.post(new Runnable)该方法比较巧妙,也是我比较喜欢的。

mWelcomeImageView.post(new Runnable() {
                @Override
                public void run() {
                    scaleView(mWelcomeImageView);
                    mWelcomeImageView.invalidate();
                }
            });

该方法将涉及获取高宽的方法使用post方法加入到队列中,而该方法的调用一定是在View被创建成功之后

注意点:在图片最大高度确定时,若按屏幕宽度等比例缩放图片,需要图片高度超出控件高度才能实现,此时需要添加一个scaleType:matrix属性,如下:

<ImageView
            android:id="@+id/welcome"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="100dp"
            android:scaleType="matrix" />
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值