前言:
最近遇到一个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" />