作者：李旺成
時間：2016年5月17日
這個 Hack 將介紹如何在Activity 的 onCreate() 方法中獲取 View 的寬高。
View 的 getWidth() 為 0
很多人應該都有調用 View 的 getWidth() 和 getHeight() 方法來獲取 View 的寬高的經歷，相信不少人都會遇到這樣的問題：有時候取到的值為 0。
View 的 getWidth() 實驗
我們先來做一個簡單的實驗：分別在 Activity 的 onCreate() 方法和 onResume() 方法中調用 View 的 getWidth() 和 getHeight() 方法來獲取 View 的寬高。
實驗使用代碼如下：
public class GetViewWHActivity extends AppCompatActivity {
...
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_getviewwh);
initView();
}
private void initView() {
...
showViewWH("onCreate()", mShowResult1TV);
}
private void showViewWH(String method, TextView textView) {
String result = method + "方法中獲取 ShowResultTV 的 w：" +
textView.getWidth() +
" h：" + textView.getHeight() + "\n" +
"Test1Btn 的 w：" +
mTest1Btn.getWidth() +
" h：" + mTest1Btn.getHeight() + "\n" +
"Test2Btn 的 w：" +
mTest2Btn.getWidth() +
" h：" + mTest2Btn.getHeight();
textView.setText(result);
}
...
@Override
protected void onResume() {
super.onResume();
showViewWH("onResume()", mShowResult2TV);
}
}
對應的布局文件是：activity_getviewwh.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.diygreen.widgetuse.GetViewWHActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="顯示View寬高"
android:id="@+id/tv_showresult"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp"
android:textAllCaps="false"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="測試按鈕1"
android:id="@+id/btn_test1"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:textAllCaps="false"
android:onClick="onClick"/>
<Button
android:layout_width="200dp"
android:layout_height="70dp"
android:text="測試按鈕2"
android:id="@+id/btn_test2"
android:layout_below="@+id/btn_test1"
android:layout_centerHorizontal="true"
android:textAllCaps="false"
android:onClick="onClick"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="顯示View寬高"
android:id="@+id/tv_showresult2"
android:layout_below="@+id/tv_showresult"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp" />
<View
android:id="@+id/view_test"
android:layout_width="150dp"
android:layout_height="120dp"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:background="#00ff00"/>
</RelativeLayout>
布局很簡單，只是隨意放了幾個控件。
現在你可以想一下到底那個方法中能獲取到的指定 View 的寬高。這里這是簡單的實驗，你可以嘗試獲取已經設定好 layout_width 和 layout_height 的控件的寬高，對比一下 onCreate() 和 onResume() 方法所獲得的數據。
好了，結果可能出乎你的意料：
沒錯，在 onCreate() 方法中調用 getWidth() 和 getHeight() 方法獲取 View 的寬高的返回值都是 0；并且，在 onResume() 中調用 View 的這兩個方法獲取到的也是 0。
View 的 getWidth() 為 0 的原因
我們來分析下為什么在 Activity 的 onCreate() 方法中獲取 View 的寬高會是 0。
當 onCreate() 方法被調用的時候，會通過布局填充器（LayoutInflate）將 xml 布局文件填充到 ContentView（當然，前提是你調用了 setContentView(R.layout.xxx) 方法）。要注意的是，這個填充過程只包括視圖的創(chuàng)建，并沒有包括設置視圖的大小。
那么，問題來了：視圖的大小是在什么時候指定的？
在 Android 的官方文檔上有說明：How Android Draws Views。
大致的意思是：
“視圖的繪制分兩個過程：測量和布局。這兩個過程分別由 measure() 方法和 layout() 方法完成。當 measure() 方法完成后，每個視圖都會保存自己的尺寸信息。layout() 方法則根據 measure() 的結構定位視圖的位置”。
結論：只有在整個布局繪制完畢后，視圖中才保存有自己的尺寸信息，也就是說這時候調用 View 的 getWidth() 和 getHeight() 方法才能取得 View 的寬高。然而，這個過程反生在 onCreate() 之后（注意不要認為 onResume() 執(zhí)行時整個布局就繪制完畢了）；因此，在 onCreate() 方法中調用 getWidth() 和 getHeight() 方法獲取到的都是 0。
解決方案
既然明白了出現該問題的原因，那要解決應該有思路了吧！
這里綜合了網上一些文章提出的解決方案供大家參考。
在 View 的 post() 方法中獲取
直接看代碼吧，使用很簡單：
private void getViewWHByPost(final View v) {
v.post(new Runnable() {
@Override
public void run() {
String size = String.format("View's width: %d, height: %d",
v.getWidth(), v.getHeight());
Toast.makeText(GetViewWHActivity.this, size, Toast.LENGTH_SHORT)
.show();
}
});
}
這里，就不分析 post() 方法的原理了，有興趣的可以自己看看源碼。
在 View 的事件回調中獲取
這時候該 View 已經被顯示即被添加到 DecorView 上，可以使用點擊事件、觸摸事件、焦點事件等。
view.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
int width = v.getWidth();
int height = v.getHeight();
}
});
在 onWindowFocusChanged()方法中獲取
當 Activity 顯示出來的時候，ContentView 已經添加到了 DecorView 上，這是可以獲取到 View 的寬高。
@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
showViewWH("onWindowFocusChanged()", mShowResult3TV);
}
private void showViewWH(String method, TextView textView) {
String result = method + "方法中獲取 ShowResultTV 的 w：" +
textView.getWidth() +
" h：" + textView.getHeight() + "\n" +
"Test1Btn 的 w：" +
mTest1Btn.getWidth() +
" h：" + mTest1Btn.getHeight() + "\n" +
"Test2Btn 的 w：" +
mTest2Btn.getWidth() +
" h：" + mTest2Btn.getHeight();
textView.setText(result);
}
延遲一段時間后獲取
可以在 onResume() 方法中延遲 300 毫秒左右后再獲取 View 的寬和高。因為在 onResume() 方法執(zhí)行完 300毫秒后，界面就顯示出來了，這是可以獲取到 View 的寬高。
handler.postDelayed(new Runnable() {
@Override
public void run() {
View iv1 = findViewById(R.id.iv1);
View iv2=findViewById(R.id.iv2);
String msg1="iv1' width:"+iv1.getWidth()+" height:"+iv1.getHeight()+" measuredWidth:"+iv1.getMeasuredWidth()+"measuredHeight:"+iv1.getMeasuredHeight();
String msg2="iv2' width:"+iv2.getWidth()+" height:"+iv2.getHeight()+" measuredWidth:"+iv2.getMeasuredWidth()+"measuredHeight:"+iv2.getMeasuredHeight();
i("onWindowFocusChanged() "+msg1);
i("onWindowFocusChanged() "+msg2);
}
}, 300);
小結
當然還有很多其他的方法，這里就不一一演示了，具體用哪一種可以根據具體的項目情況選擇你認為合適的，但是不要濫用。
項目地址
項目示例代碼：
GetViewWHActivity.java
activity_getviewwh.xml
