博客
关于我
Android 获取子 View 的位置及坐标的方式
阅读量:592 次
发布时间:2019-03-11

本文共 2626 字,大约阅读时间需要 8 分钟。

一、View

1.1、View 概述

视图 (View) 是一个容器,专门负责布局。表现为显示在屏幕上的各种视图,如 TextView、LinearLayout 等。

1.2、View 分类

View 主要分为两类,具体如下表格所示:

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

1.3、View 类简介

  1. View 类是 Android 中各种组件的基类;

  2. 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. 源码中 View 的构造函数

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

  1. 如果 View 是在 Java 代码里面 new 的,则调用第一个构造函数–>View(Context);
  2. 如果 View 是在 xml 里声明的,则调用第二个构造函数–>View(Context, AttributeSet)。

二、Android 坐标系

Android 坐标系和数学上的坐标系是不一样的,定义如下:

  • 屏幕的左上角为坐标原点。
  • 向右为 x 轴增大方向。
  • 向下为 y 轴增大方向。

具体如下图所示:

三、View 的位置

View 的位置是相对于父控件而言的,由 4 个顶点确定,如下图 A、B、C、D 所示:

确定 View 的位置有四个参数,分别是 Top、Bottom、Left、Right:

  • Top:子 View 左上角距父 View 顶部的距离。
  • Left:子 View 左上角距父 View 左侧的距离。
  • Bottom:子 View 右下角距父 View 顶部的距离。
  • Right:子 View 右下角距父 View 左侧的距离

具体如下图所示:

四、获取 View 位置的方式

View 的位置是通过 getTop()、getLeft()、getBottom()、getRight() 函数进行获取的。

这里我写了一个小例子来演示这四个方法,如下所示:(获取内部子 View 的位置)

因为是为了演示 View 的位置,所有我这里用绝对布局,并且大小的单位都是用 px,具体布局如下所示:

我们现在用四个方法来获取一下 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);    }}

打印结果如下所示:

最外层紫色的 View 的坐标是(200,200),大小是 600px,在它内部,有一个大小为 300px 的子 View 位于其中心位置,所以上述打印结果是完全正确的。

注意:

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

最后

小编在这将自己收集的一份《Android核心知识汇总》分享给大家,希望能对大家有所帮助。请点击获取。 喜欢本文的话,不妨顺手给我点个小赞、评论区留言或者转发支持一下呗~

转载地址:http://isxtz.baihongyu.com/

你可能感兴趣的文章
Node-RED中使用json节点解析JSON数据
查看>>
Node-RED中使用node-random节点来实现随机数在折线图中显示
查看>>
Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
查看>>
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中使用range范围节点实现从一个范围对应至另一个范围
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Vue3+elementplus实现图片上传下载(最强实践)
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Vue3+Element-ul学生管理系统(第二十二课)
查看>>
Node-RED中怎样让网站返回JSON数据
查看>>
Node-RED中根据HTML文件建立Web网站
查看>>
Node-RED中解析高德地图天气api的json数据显示天气仪表盘
查看>>
Node-RED中连接Mysql数据库并实现增删改查的操作
查看>>
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
查看>>