2.1 坐标系
学习自定义控件,坐标系是必须了解的内容,Android中我们需要了解的坐标系有屏幕坐标系,View的坐标系。
2.1.1 屏幕坐标系
移动设备一般定义屏幕左上角为坐标原点,向右为x轴增大方向,向下为y轴增大方向,坐标系如图所示
2.1.2 View的坐标系
Android中View也存在坐标系,在View中,提供了如下几个函数
getTop(); //获取子View左上角距父View顶部的距离
getLeft(); //获取子View左上角距父View左侧的距离
getBottom(); //获取子View右下角距父View顶部的距离
getRight(); //获取子View右下角距父View左侧的距离
函数说明:
1.getTop():
获取子View左上角距父View顶部的距离
2.getLeft()
获取子View左上角距父View左侧的距离
3.getBottom()
获取子View右下角距父View顶部的距离
4.getRight()
获取子View右下角距父View左侧的距离
注意:View的坐标系统是相对于父控件而言的.
通过下图,我们可以形象的了解到View的坐标系与父控件的关系
2.1.3 MotionEvent
我们在MotionEvent中会遇到如下几个相似的函数:
event.getX();
event.getY();
event.getRawX();
event.getRawY();
区别在哪里呢?区别就是:event.getX()指的触摸点相对于其所在组件坐标系的坐标,event.getRawX()指触摸点相对于屏幕默认坐标系的坐标,event.getY()与event.getRawY()同理。
通过下图可以反应event.get和event.getRaw的区别:
2.2 角度与弧度
自定义View的过程,往往会涉及到画布的相关操作(旋转等),以及一些正余弦函数的计算等,这些内容就会用到一些角度、弧度相关的知识。
2.2.1 角度与弧度定义
角度与弧度同样都可以反应一个角的大小,区别在于两者进制不同,角度是60进制,弧度是10进制。
角度:两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时,两条射线的夹角的大小为1度.
弧度:两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆的半径时,两条射线的夹角大小为1弧度.
2.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 / π |
注意:屏幕坐标系的角度增大方向和常见数学坐标系的是不同的,数学坐标系中角度增大方向为逆时针,而屏幕坐标系中角度增大方向为顺时针。
2.3 颜色
本小节将学习Android中颜色的知识点,颜色的定义,创建颜色的几种方式,以及颜色的混合模式等。
2.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 的取值范围均为0255(即16进制的0x000xff)
A 从0x00到0xff表示从透明到不透明。
RGB 从0x00到0xff表示颜色从浅到深。
当RGB全取最小值(0或0x000000)时颜色为黑色,全取最大值(255或0xffffff)时颜色为白色
2.3.2 几种创建或使用颜色的方式
2.3.2.1. java中定义颜色
int color = Color.GRAY;
由于Color类提供的颜色仅为有限的几个,通常还是用ARGB值进行表示。
int color = Color.argb(127, 255, 0, 0); //半透明红色
int color = 0xaaff0000; //带有透明度的红色
2.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 //高精度 - 带透明通道红色
2.3.2.3 在java文件中引用xml中定义的颜色:
int color = getResources().getColor(R.color.mycolor);
2.3.2.4 在xml文件(layout或style)中引用或者创建颜色
<!--在style文件中引用-->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="colorPrimary">@color/red</item>
</style>
android:background="@color/red" //引用在/res/values/color.xml 中定义的颜色
android:background="#ff0000" //创建并使用颜色