Android-区分 View 的 translationX、Y ， X、Y 和 Left、Top，Right、Bottom

Android - 区分 View 的 translationX/Y ， X/Y 和 Left/Top，Right/Bottom

1. left，top，right，bottom

View 的位置主要由它的四个顶点的位置来决定，分别对应 View 的四个属性：left top right bottom。

left: View 左上顶点相对于父容器的横坐标

top: View 左上顶点相对于父容器的纵坐标

right: View 右下顶点相对于父容器的横坐标

bottom: View 右下顶点相对于父容器的纵坐标

注意这几个属性值的决定都是参照父容器的坐标。其值的设置和获取可通过对应的 getter/setter 方法。

2. X，Y

从 Android 3.0 开始，View 增加了 x，y，translationX 和 translationY。

x，y 同样是 View 左上角相对父容器的坐标，但不同于 left 和 top ，这两个坐标点的值并一定都是相等的。而不相等的情况是由 translationX 和 translationY 值的设置引起的。

3. translationX，translationY

translationX 和 translationY 是 View 左上角相对父容器左上角的偏移量，translationX 和 translationY 默认值都为 0。

几个参数有如下换算关系：

x = left + translationX

4.总结

left/top，right/bottom 的值都是相对父容器而言的，具体为父容器的左上角，而 translationX/Y 可以移动这个参照点（父容器左上角），通过改变参照点的位置来改变 View 的位置。

这里要注意的是 translationX/Y 改变参照点的位置是理论上的改变，只是子 View 参照的位置变了，父容器左上角的实际坐标是没有变化的。

在这种情况下（translationX/Y 均不为 0，即子 View 的参照点位置变了），x/y 和 left/top 的值就不相等了，此时 x/y 的值是参照父容器左上角实际位置的坐标，而 left/top 是参照 translationX/Y 变化后的坐标点的值。

通过上面的分析可以分析这样一种情况：

改变 View 的 translationX/Y，此时 View 的 x/y 变化，而 left/top 不变。

写个 demo 验证下：

布局

...
<FrameLayout
android:layout_margin="30dp"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<TextView
android:id="@+id/text_test"
android:textColor="@color/colorAccent"
android:padding="20dp"
android:background="@color/colorPrimaryDark"
android:text="sdafasd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</FrameLayout>
...

代码

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

TextView test = (TextView) findViewById(R.id.text_test);
test.setTop(10);
test.setLeft(30);
out(test);

test.setTranslationX(50);
test.setTranslationY(80);
out(test);

}

private void out(View view) {
int top = view.getTop();
int left = view.getLeft();
int x = (int) view.getX();
int y = (int) view.getY();
int translationX = (int) view.getTranslationX();
int translationY = (int) view.getTranslationY();

StringBuilder builder = new StringBuilder();
builder.append(" top=" + top)
.append(" left=" + left)
.append(" x=" + x)
.append(" y=" + y)
.append(" translationX=" + translationX)
.append(" translationY=" + translationY);

Log.i("main", builder.toString());

}

日志输出

07-17 01:54:33.836 9212-9212/com.duan.myapplication I/main:  top=10 left=30 x=30 y=10 translationX=0 translationY=0
07-17 01:54:33.840 9212-9212/com.duan.myapplication I/main:  top=10 left=30 x=80 y=90 translationX=50 translationY=80

分析：