一手遮天 Android - view(基础): 位置相关

项目地址 https://github.com/webabcd/AndroidDemo
作者 webabcd

一手遮天 Android - view(基础): 位置相关

示例如下:

/view/ViewDemo1.java

/**
 * 演示 view 位置相关的知识点(注:左上角点为原点)
 *
 * getLeft() - 左侧边相对于父容器左侧边的距离(对应 layout_marginLeft 设置的值)
 * getTop() - 上侧边相对于父容器上侧边的距离(对应 layout_marginTop 设置的值)
 * getRight() - 右侧边相对于父容器左侧边的距离,其值等于 getLeft() + getWidth()
 * getBottom() - 下侧边相对于父容器上侧边的距离,其值等于 getTop() + getHeight()
 * 注:不要用 setLeft(), setTop(), setRight(), setBottom() 来指定 view 的位置,因为它们是由布局系统调用的
 *
 * getTranslationX(), setTranslationX() - 向 X 轴方向移动的距离(不会改变 left, top, right, bottom 的值)
 * getTranslationY(), setTranslationY() - 向 Y 轴方向移动的距离(不会改变 left, top, right, bottom 的值)
 * getX(), setX() - 左侧边相对于父容器左侧边的实际距离,其值等于 getLeft() + getTranslationX()
 * getY(), setY() - 上侧边相对于父容器上侧边的实际距离,其值等于 getTop() + getTranslationY()
 *
 * scrollTo(int x, int y) - 将 view 中的内容(注:不是 view 本身,而是 view 中的内容)移动到指定的 -x 和 -y
 * scrollBy(int x, int y) - 将 view 中的内容(注:不是 view 本身,而是 view 中的内容)移动指定的 -x 和 -y
 */

package com.webabcd.androiddemo.view;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.Button;
import android.widget.TextView;

import com.webabcd.androiddemo.R;

public class ViewDemo1 extends AppCompatActivity {

    private TextView _view1;
    private TextView _view2;
    private TextView _textView1;
    private TextView _textView2;
    private Button _button1;
    private Button _button2;

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

        _view1 = (TextView) findViewById(R.id.view1);
        _view2 = (TextView) findViewById(R.id.view2);
        _textView1 = (TextView) findViewById(R.id.textView1);
        _textView2 = (TextView) findViewById(R.id.textView2);
        _button1 = (Button) findViewById(R.id.button1);
        _button2 = (Button) findViewById(R.id.button2);

        sample();
    }

    private void sample() {
        _view2.setTranslationX(100);
        _view2.setTranslationY(50);

        // 监听当前根视图的 OnPreDrawListener 事件(在 draw 的时候各个 view 的位置和宽高都确定了,此时便可以获取各个 view 的真实的位置信息和宽高信息)
        getWindow().getDecorView().getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                // 移除当前根视图的 OnPreDrawListener 事件的监听
                getWindow().getDecorView().getViewTreeObserver().removeOnPreDrawListener(this);

                _textView1.setText(String.format("view1 left:%d, top:%d, right:%d, bottom:%d, x:%.2f, y:%.2f, translationX:%.2f, translationY:%.2f, width:%d, height:%d",
                        _view1.getLeft(), _view1.getTop(), _view1.getRight(), _view1.getBottom(), _view1.getX(), _view1.getY(), _view1.getTranslationX(), _view1.getTranslationY(), _view1.getWidth(), _view1.getHeight()));

                _textView2.setText(String.format("view2 left:%d, top:%d, right:%d, bottom:%d, x:%.2f, y:%.2f, translationX:%.2f, translationY:%.2f, width:%d, height:%d",
                        _view2.getLeft(), _view2.getTop(), _view2.getRight(), _view2.getBottom(), _view2.getX(), _view2.getY(), _view2.getTranslationX(), _view2.getTranslationY(), _view2.getWidth(), _view2.getHeight()));

                return true;
            }
        });

        _button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 将 view 中的内容移动到 0,0 的位置
                // 注:移动的不是 view 而是 view 中的内容;移动到 -x, -y 而不是 x, y
                _view2.scrollTo(0, 0);
            }
        });

        _button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 将 view 中的内容 x 方向移动 5,y 方向移动 5
                // 注:移动的不是 view 而是 view 中的内容;移动 -x, -y 而不是 x, y
                _view2.scrollBy(-5, -5);
            }
        });
    }
}

/layout/activity_view_viewdemo1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="300px"
        android:layout_margin="50dp"
        android:background="@color/yellow">

        <TextView
            android:id="@+id/view1"
            android:layout_width="200px"
            android:layout_height="100px"
            android:background="@color/red"
            android:textColor="@color/white"
            android:text="view1"/>

        <TextView
            android:id="@+id/view2"
            android:layout_width="200px"
            android:layout_height="100px"
            android:layout_marginLeft="100px"
            android:layout_marginTop="50px"
            android:background="@color/green"
            android:textColor="@color/white"
            android:text="view2"/>

    </FrameLayout>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="scrollTo"/>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="scrollBy"/>

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

项目地址 https://github.com/webabcd/AndroidDemo
作者 webabcd

上一篇:安卓中四种监听器的实现方式


下一篇:Android自定义控件之流式布局