Android 获取子 View 的位置及坐标的方式

一、View

1.1、View 概述

<font face=黑体>视图 (View) 是一个容器，专门负责布局。表现为显示在屏幕上的各种视图，如 TextView、LinearLayout 等。

1.2、View 分类

<font face=黑体>View 主要分为两类，具体如下表格所示：

类别	示例	特点
单一视图	即一个 View，如 TextView、EditText	不包含子View
视图组	即多个 View 组成的 ViewGroup，如 RelativeLayout	包含子View

1.3、View 类简介

1. <font face=黑体>View 类是 Android 中各种组件的基类；

2. <font face=黑体>View 的构造函数有四个，具体如下所示：

   public View(Context context) {
   
   }
   
   public View(Context context, @Nullable AttributeSet attrs) {
       this(context, attrs, 0);
   }
   
   public View(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
       this(context, attrs, defStyleAttr, 0);
   }
   
   public View(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
   
   }

3. <font face=黑体>源码中 View 的构造函数
   

通过源码的注释我们可以看出：

1. <font face=黑体>如果 View 是在 Java 代码里面 new 的，则调用第一个构造函数-->View(Context)；
2. <font face=黑体>如果 View 是在 xml 里声明的，则调用第二个构造函数-->View(Context, AttributeSet)。

二、Android 坐标系

<font face=黑体>Android 坐标系和数学上的坐标系是不一样的，定义如下：

• <font face=黑体>屏幕的左上角为坐标原点。
• <font face=黑体>向右为 x 轴增大方向。
• <font face=黑体>向下为 y 轴增大方向。

<font face=黑体>具体如下图所示：

三、View 的位置

<font face=黑体>View 的位置是相对于父控件而言的，由 4 个顶点确定，如下图 A、B、C、D 所示：

<font face=黑体>确定 View 的位置有四个参数，分别是 Top、Bottom、Left、Right：

• <font face=黑体>Top：子 View 左上角距父 View 顶部的距离。
• <font face=黑体>Left：子 View 左上角距父 View 左侧的距离。
• <font face=黑体>Bottom：子 View 右下角距父 View 顶部的距离。
• <font face=黑体>Right：子 View 右下角距父 View 左侧的距离

<font face=黑体>具体如下图所示：

四、获取 View 位置的方式

<font face=黑体>View 的位置是通过 getTop()、getLeft()、getBottom()、getRight() 函数进行获取的。

<font face=黑体>这里我写了一个小例子来演示这四个方法，如下所示：（获取内部子 View 的位置）

<font face=黑体>因为是为了演示 View 的位置，所有我这里用绝对布局，并且大小的单位都是用 px，具体布局如下所示：

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout 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"
    tools:context=".MainActivity">

    <RelativeLayout
        android:id="@+id/rl_1"
        android:layout_width="600px"
        android:layout_height="600px"
        android:layout_x="200px"
        android:layout_y="200px"
        android:background="@color/colorPrimaryDark">

        <View
            android:id="@+id/view"
            android:layout_width="300px"
            android:layout_height="300px"
            android:layout_centerInParent="true"
            android:background="@color/colorAccent" />

    </RelativeLayout>

</AbsoluteLayout>

<font face=黑体>我们现在用四个方法来获取一下 View 的位置，具体代码如下所示：

public class CoordinateActivity extends AppCompatActivity {

    private View mView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_coordinate);

        rl1 = findViewById(R.id.rl_1);
        mView = findViewById(R.id.view);

    }

    @Override
    protected void onResume() {
        super.onResume();

        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                MyLogUtils.i(mView.getTop() + "--Top --mView");
                MyLogUtils.i(mView.getBottom() + "--Bottom --mView");
                MyLogUtils.i(mView.getLeft() + "--Left --mView");
                MyLogUtils.i(mView.getRight() + "--Right --mView");
                MyLogUtils.i(mView.getX() + "--X --mView");
                MyLogUtils.i(mView.getY() + "--Y --mView");
            }
        }, 200);
    }
}

<font face=黑体>打印结果如下所示：

<font face=黑体>最外层紫色的 View 的坐标是（200，200），大小是 600px，在它内部，有一个大小为 300px 的子 View 位于其中心位置，所以上述打印结果是完全正确的。

<font face=黑体>注意：

1. <font face=黑体>我这里调用 getTop() 等方法是在 onResume() 里面，并且延时了 200ms，是因为如果不延迟直接调用，会出现 View 还没有绘制完，所以获取到的位置都是 0，所以就用最简单的延迟处理了一下（这里的处理方法有很多，比如 View.post() 等）；
2. <font face=黑体>getX() 和 getY() 的意思是获取子 View 相对父容器的坐标，所以这里结果都是 150。