安卓自定义View 坐标系篇

本文探讨了安卓开发中屏幕坐标系与数学坐标系的区别,详细阐述了View的坐标系及其相对于父控件的位置,并解析了MotionEvent中get和getRaw方法在获取触摸点坐标时的不同。通过实例,作者强调理解这些坐标系对于安卓界面布局的重要性,特别是线性布局、相对布局和表格布局的应用。

安卓中的坐标系

  • 屏幕坐标系和数学坐标系的区别
  • View的坐标系
  • MotionEvent中get和getRaw的区别
  • 核心掌握点
  • 实例

屏幕坐标系和数学坐标系的区别

由于移动设备一般定义屏幕左上角为坐标原点,向右为x轴增大方向,向下为y轴增大方向,所以在在手机屏幕上的坐标系与数学中常见的坐标系在y轴的方向上是相反的。如下图:

下图中的∠α是对应的
这里写图片描述这里写图片描述

实际屏幕上的默认坐标系如下:

其中棕色部分为手机屏幕
这里写图片描述

View的坐标系

注意:View的坐标系是相对于父控件而言的

getTop(); //获取子View左上角距父View顶部的距离
getLeft(); //获取子View左上角距父View左侧的距离
getBottom(); //获取子View右下角距父View顶部的距离
getRight(); //获取子View右下角距父View左侧的距离

如下图所示:
这里写图片描述

MotionEvent中get和getRaw的区别

event.getX(); //触摸点相对于其所在组件坐标系的坐标
event.getY();
event.getRawX(); //触摸点相对于屏幕默认坐标系的坐标
event.getRawY();

如下图所示:
这里写图片描述

核心掌握点

序号掌握点
1在数学中常见的坐标系与屏幕默认坐标系的差别
2View的坐标系是相对于父控件而言的
3MotionEvent中get和getRw的区别

实例

在安卓开发的界面布局中,坐标系是一个很重要的内容。
如线性布局,相对布局和表格布局。

如:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/RelativeLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:id="@+id/img1"
android:layout_centerInParent="true"
android:src="@drawable/pic1"/>
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:id="@+id/img2"
android:layout_toLeftOf="@id/img1"
android:layout_centerVertical="true"
android:src="@drawable/pic2"/>
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_toRightOf="@id/img1"
android:id="@+id/img3"
android:layout_centerVertical="true"
android:src="@drawable/pic3"/>
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:id="@+id/img4"
android:layout_centerHorizontal="true"
android:layout_above="@id/img1"
android:src="@drawable/pic4"/>
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:id="@+id/img5"
android:layout_centerHorizontal="true"
android:layout_below="@id/img1"
android:src="@drawable/pic5"/>
</RelativeLayout>

这里写图片描述

作者:李梦雨
原文链接:点击这里

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值