Android自定义系列——2.自定义View基础知识

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 是角度:

注意：屏幕坐标系的角度增大方向和常见数学坐标系的是不同的，数学坐标系中角度增大方向为逆时针，而屏幕坐标系中角度增大方向为顺时针。

2.3 颜色

本小节将学习Android中颜色的知识点，颜色的定义，创建颜色的几种方式，以及颜色的混合模式等。

2.3.1 颜色初识

安卓支持的颜色模式：

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

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

以ARGB8888为例介绍颜色定义:

其中 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"        //创建并使用颜色