Android UI 基础-坐标系、角度（弧度）、颜色

目录

1 坐标系

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

1.2 View的坐标系

1.3 MotionEvent中 get 和 getRaw 的区别

1.4 核心要点

2 角度与弧度

2.1 角度与弧度的定义

2.2 角度和弧度的换算关系

2.3 一些细节问题

3 颜色

3.1 简单介绍颜色

3.2 几种创建或使用颜色的方式

3.2.1 java中定义颜色

3.2.2 在xml文件中定义颜色

3.2.3 .在java文件中引用xml中定义的颜色：

---

1 坐标系

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

由于移动设备一般定义屏幕左上角为坐标原点，向右为x轴增大方向，向下为y轴增大方向， 所以在手机屏幕上的坐标系与数学中常见的坐标系是稍微有点差别的，详情如下：

（PS：其中的∠a 是对应的，注意y轴方向！）

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

PS: 假设其中棕色部分为手机屏幕

1.2 View的坐标系

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

getTop(); //获取子View左上角距父View顶部的距离

getLeft(); //获取子View左上角距父View左侧的距离

getBottom(); //获取子View右下角距父View顶部的距离

getRight(); //获取子View右下角距父View左侧的距离

如下图所示：

1.3 MotionEvent中 get 和 getRaw 的区别

event.getX(); //触摸点相对于其所在组件坐标系的坐标

event.getY();



event.getRawX(); //触摸点相对于屏幕默认坐标系的坐标

event.getRawY();

如下图所示：

PS:其中相同颜色的内容是对应的，其中为了显示方便，蓝色箭头向左稍微偏移了一点.

1.4 核心要点

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

2 角度与弧度

2.1 角度与弧度的定义

角度和弧度一样都是描述角的一种度量单位，下面是它们的定义：

名称	定义
角度	两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时，两条射线的夹角的大小为1度.
弧度	两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆的半径时，两条射线的夹角大小为1弧度.

如图:

2.2 角度和弧度的换算关系

圆一周对应的角度为360度(角度)，对应的弧度为2π弧度。

故得等价关系:360(角度) = 2π(弧度) ==> 180(角度) = π(弧度)

由等价关系可得如下换算公式:

rad 是弧度， deg 是角度

公式	例子
rad = deg x π / 180	2π ＝ 360 x π / 180
deg = rad x 180 / π	360 ＝ 2π x 180 / π

维基百科的公式：

rad 是弧度， deg 是角度

2.3 一些细节问题

由于默认屏幕坐标系和常见数学坐标系的小差别，所以在角上必然也会存在一些区别，例如：

在常见的数学坐标系中角度增大方向为逆时针，

在默认的屏幕坐标系中角度增大方向为顺时针。

3 颜色

3.1 简单介绍颜色

安卓支持的颜色模式：

颜色模式	备注
ARGB8888	四通道高精度(32位)
ARGB4444	四通道低精度(16位)
RGB565	屏幕默认模式(16位)
Alpha8	仅有透明通道(8位)

PS：其中字母表示通道类型，数值表示该类型用多少位二进制来描述。如ARGB8888则表示有四个通道(ARGB),每个对应的通道均用8位来描述。

注意：我们常用的是ARGB8888和ARGB4444，而在所有的安卓设备屏幕上默认的模式都是RGB565,请留意这一点。

以ARGB8888为例介绍颜色定义:

类型	解释	0(0x00)	255(0xff)
A(Alpha)	透明度	透明	不透明
R(Red)	红色	无色	红色
G(Green)	绿色	无色	绿色
B(Blue)	蓝色	无色	蓝色

其中 A R G B 的取值范围均为0~255(即16进制的0x00~0xff)

A 从0x00到0xff表示从透明到不透明。

RGB 从0x00到0xff表示颜色从浅到深。

当RGB全取最小值(0或0x000000)时颜色为黑色，全取最大值(255或0xffffff)时颜色为白色

3.2 几种创建或使用颜色的方式

3.2.1 java中定义颜色

int color = Color.GRAY; //灰色

由于Color类提供的颜色仅为有限的几个，通常还是用ARGB值进行表示。

int color = Color.argb(127, 255, 0, 0); //半透明红色

int color = 0xaaff0000; //带有透明度的红色

3.2.2 在xml文件中定义颜色

在/res/values/color.xml 文件中如下定义：

<?xml version="1.0" encoding="utf-8"?>

<resources>

<color name="red">#ff0000</color>

<color name="green">#00ff00</color>

</resources>

详解： 在以上xml文件中定义了两个颜色，红色和绿色，是没有alpha（透明）通道的。

定义颜色以‘#’开头，后面跟十六进制的值，有如下几种定义方式：

#f00 //低精度 - 不带透明通道红色

#af00 //低精度 - 带透明通道红色



#ff0000 //高精度 - 不带透明通道红色

#aaff0000 //高精度 - 带透明通道红色

3.2.3 .在java文件中引用xml中定义的颜色：

int color = getResources().getColor(R.color.mycolor);