Android实战开发篇 获取控件宽高

一、基础问题

获取控件的宽高直接使用view的getWidth() 和 getHeight()方法获取。但是直接在Activity的onCreate() 或 onResume()中获取的宽高为0。

二、问题解析

Activity的启动流程和布局文件的加载流程是2个异步的过程，在onCreate或onResume的时候控件还没有绘制完成，因此直接通过getWidth() 和 getHeight()获取的宽、高为0。

三、定义获取宽高方法

/**
 * View为例获取控件宽、高
 * View ：需要获取宽高的控件 可以是TextView 、ImageView ....
 */
private void getViewWidthAndHeight() {
	int width = View.getWidth();
	int height = View.getHeight();
	Log.i(TAG,"width:" + width + ", height:" + height);
}

四、通过点击事件来获取宽高

button.setOnClickListener(new View.OnClickListener() {
     @Override
     public void onClick(View v) {
          getViewWidthAndHeight();     
     }
});

五、重写onWindowFocusChanged()方法

（注意）这个方法可能会执行多次，比如锁屏，切到后台等重新进入时都会执行该方法

@Override
public void onWindowFocusChanged(boolean hasFocus) {
	super.onWindowFocusChanged(hasFocus);
	if (hasFocus) {
		getViewWidthAndHeight();
	}
}

六、添加OnPreDrawListener事件监听

getWindow().getDecorView().getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
    @Override
    public boolean onPreDraw() {
         getViewWidthAndHeight();
         getWindow().getDecorView().getViewTreeObserver().removeOnPreDrawListener(this);
         return false;
    }
});

七、ViewTreeObserver 方式（获取特例内容的宽高）

借助ViewTreeObserver 可以获取到例如TextView控件内容所占的高度。正常通过measure测量含有多文本内容的TextView与实际高度还是有出入的

 private void getViewContentHeight(View view) {
 		// View 需要测量的视图内容高度
        ViewTreeObserver observer = view.getViewTreeObserver();
        observer.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                int height = view.getHeight();
                Log.d(TAG,"视图高度 = " + height);
                view.getViewTreeObserver().removeGlobalOnLayoutListener(this);
            }
        });
    }

八、post Runnable方式

 textView.post(new Runnable() {
 	@Override
	public void run() {
 		getViewWidthAndHeight();
 	}
 });

九、示例

public class GetViewHeightActivity extends AppCompatActivity {

    private Button testView;
    private TextView tvHeightWidthInfo;
    private String info = "";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_get_view_height);
        testView = findViewById(R.id.view_test);
        tvHeightWidthInfo = findViewById(R.id.tv_height_width_info);

        getHeightWidth("Default");
        onPreView();
        onGlobalLayout();
        postRunnable();

        //点击按钮的时候再获取
        testView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                getHeightWidth("onClick");
            }
        });
    }

    /**
     * 获取view宽高
     */
    private void getHeightWidth(String tag) {
        int height = testView.getHeight();
        int width = testView.getWidth();
        info += tag + " width:" + width + ", height:" + height + "\n";
        tvHeightWidthInfo.setText(info);
    }

    /**
     *  重写onWindowFocusChanged()方法
     * @param hasFocus 当前页面是否有焦点
     */
    @Override
    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);
        if (hasFocus) {
            getHeightWidth("onWindowFocusChanged");
        }
    }

    /**
     * OnPreDrawListener事件监听
     */
    private void onPreView() {
        getWindow().getDecorView().getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                getHeightWidth("OnPreView");
                getWindow().getDecorView().getViewTreeObserver().removeOnPreDrawListener(this);
                return false;
            }
        });
    }

    /**
     * OnGlobalLayoutListener事件监听
     * 最低支持Api 16
     */
    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
    private void onGlobalLayout() {
        getWindow().getDecorView().getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                getHeightWidth("OnGlobalLayout");
                getWindow().getDecorView().getViewTreeObserver().removeOnGlobalLayoutListener(this);
            }
        });
    }

    /**
     * post Runnable方式
     */
    private void postRunnable() {
        tvHeightWidthInfo.post(new Runnable() {
            @Override
            public void run() {
                getHeightWidth("PostRunnable");
            }
        });
    }
}

布局文件R.layout.activity_get_view_height

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="12dp"
    tools:context=".GetViewHeightActivity">

    <Button
        android:id="@+id/view_test"
        android:layout_width="match_parent"
        android:layout_height="85dp"
        android:text="test view"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv_height_width_info"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textSize="16sp"
        app:layout_constraintTop_toBottomOf="@+id/view_test" />

</androidx.constraintlayout.widget.ConstraintLayout>