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" />
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,734评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,931评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,133评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,532评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,585评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,462评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,262评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,153评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,587评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,792评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,919评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,635评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,237评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,855评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,983评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,048评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,864评论 2 354

推荐阅读更多精彩内容