Android从零单排之获取ImageView的宽高为0？

客官°小女子只卖身不卖艺 2022-08-08 06:24 151阅读 0赞

## 问题描述 ##

说起来我也够菜的！**⊙﹏⊙b汗**。

今天搞了一个关于图片的demo，想动态的改变一张图片的大小和margin值。但是在activity中获取imageview的宽度和高度的时候，总是0。哎，我tm就是搞不懂了，怎么能是0呢？

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <span style="white-space:pre">    </span>imageView1 = (ImageView) findViewById(R.id.id\_img1);  
2.      **int** width = imageView1.getWidth();  
3.      **int** height = imageView1.getHeight();

## 分析原因 ##

起初怀疑是我代码写的有问题，可能写错了，可是反复检查和实验了几次，还TM是0。蛋疼！后来上网一查，发现了新大陆了。

在onCreate方法中，控件其实还没有画好，也就是说当onCreate方法执行完了之后，才开始绘制控件，所以在onCreate方法中获取width和height返回的值是0。但是我又想onResume方法是不是可以呢？后来发现还是不行！我自定义了ImageView，然后打印量log日志，发现果然是这样，onCreate和onResume方法执行完了之后，才开始执行控件的测量(onMeasure)和绘制(onDraw)方法。

MyImageView.java---自定义ImageView类：

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **public** **class** MyImageView **extends** ImageView \{  
2.    
3.      **public** MyImageView(Context context) \{  
4.          **super**(context);  
5.      \}  
6.    
7.      **public** MyImageView(Context context, AttributeSet attrs) \{  
8.          **super**(context, attrs);  
9.      \}  
10.   
11.     @Override  
12.     **protected** **void** onMeasure(**int** widthMeasureSpec, **int** heightMeasureSpec) \{  
13.         **super**.onMeasure(widthMeasureSpec, heightMeasureSpec);  
14.         Log.i("imageview", "onMeasure...");  
15.     \}  
16.   
17.     @Override  
18.     **protected** **void** onDraw(Canvas canvas) \{  
19.         **super**.onDraw(canvas);  
20.         Log.i("imageview", "onDraw...");  
21.     \}  
22. \}

activity类：

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  @Override  
2.  **protected** **void** onCreate(Bundle savedInstanceState) \{  
3.      **super**.onCreate(savedInstanceState);  
4.      setContentView(R.layout.activity\_demo3);  
5.      Log.i("imageview", "onCreate.....");  
6.  \}  
7.    
8.  @Override  
9.  **protected** **void** onResume() \{  
10.     **super**.onResume();  
11.     Log.i("imageview", "onResume.....");  
12. \}

打印出来的LOG日志如下：

![SouthEast][]

## 解决办法 ##

既然onCreate方法中不行，应该有其他的方法了！于是从网上找到了如下几种方法！

第一种方法：使用BitmapFactory。

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.songjiang);  
2.          Log.i("imageview", "width: " + bitmap.getWidth());  
3.          Log.i("imageview", "height: " + bitmap.getHeight());

> 第二种方法: 使用MeasureSpec.makeMeasureSpec方法。

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **int** w = View.MeasureSpec.makeMeasureSpec(0,  
2.                  View.MeasureSpec.UNSPECIFIED);  
3.          **int** h = View.MeasureSpec.makeMeasureSpec(0,  
4.                  View.MeasureSpec.UNSPECIFIED);  
5.          img.measure(w, h);  
6.          Log.i("imageview2", "width: " + img.getMeasuredWidth());  
7.          Log.i("imageview2", "height: " + img.getMeasuredHeight());

> 第三种方法：使用ViewTreeObserver.addOnPreDrawListener方法。

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  ViewTreeObserver vto = img.getViewTreeObserver();  
2.          vto.addOnPreDrawListener(**new** OnPreDrawListener() \{  
3.              @Override  
4.              **public** **boolean** onPreDraw() \{  
5.                  **int** height = img.getMeasuredHeight();  
6.                  **int** width = img.getMeasuredWidth();  
7.                  Log.i("imageview3", "width: " + width);  
8.                  Log.i("imageview3", "height: " + height);  
9.                  **return** **true**;  
10.             \}  
11.         \});

> 第四种方法：使用ViewTreeObserver.addOnGlobalLayoutListener方法。

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  ViewTreeObserver vto = img.getViewTreeObserver();  
2.          vto.addOnGlobalLayoutListener(**new** OnGlobalLayoutListener() \{  
3.              @Override  
4.              **public** **void** onGlobalLayout() \{  
5.                  img.getViewTreeObserver().removeGlobalOnLayoutListener(**this**);  
6.                  Log.i("imageview4", "width: " + img.getWidth());  
7.                  Log.i("imageview4", "height: " + img.getHeight());  
8.              \}  
9.          \});

注意：方法三会调用3次。

![SouthEast 1][]

在代码中动态改变ImageView的宽高就很简单了！

**\[java\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  DisplayMetrics metrics = **new** DisplayMetrics();  
2.          getWindowManager().getDefaultDisplay().getMetrics(metrics);  
3.          **int** desityDpi = metrics.densityDpi;  
4.          Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.hi);  
5.          **int** width = bitmap.getWidth() \* 160 / desityDpi;  
6.          **int** height = bitmap.getHeight() \* 160 / desityDpi;  
7.          LayoutParams params = imageView1.getLayoutParams();  
8.          params.width = width;  
9.          params.height = height;  
10.         imageView1.setLayoutParams(params);  
11.

[view plain]: http://blog.csdn.net/crazy1235/article/details/41806079#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/546191
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/546191/fork
[SouthEast]: /images/20220805/1574f70febd64946a1f546598d6b00fc.png
[SouthEast 1]: /images/20220805/ac595ad71b4642aa85158310d1c6eb39.png