自定义View基础① 笔

资料链接:
1.GcsSloop的自定义系列

一、坐标系

1.移动设备坐标系

自定义View基础① 笔_第1张图片

2.View的坐标系

注意:View的坐标系统是相对于父控件而言的.
// 获取子View左上角距父View顶部的距离
getTop();
// 获取子View左上角距父View左侧的距离
getLeft();
// 获取子View右下角距父View顶部的距离
getBottom();
// 获取子View右下角距父View左侧的距离
getRight();
自定义View基础① 笔_第2张图片

3.MotionEvent中 get 和 getRaw 的区别

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

// 触摸点相对于屏幕默认坐标系的坐标
event.getRawX();    
event.getRawY();
自定义View基础① 笔_第3张图片

二、角度与弧度

1.角度与弧度的定义

名称 定义
角度 两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时,两条射线的夹角的大小为1度.
弧度 两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆的半径时,两条射线的夹角大小为1弧度.
自定义View基础① 笔_第4张图片
自定义View基础① 笔_第5张图片

2.角度和弧度的换算关系

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

rad 是弧度, deg 是角度

自定义View基础① 笔_第6张图片

3.屏幕坐标系角度增大

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

自定义View基础① 笔_第7张图片

三、颜色

1.简介

1.1.安卓支持的颜色

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

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

1.2.颜色定义

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表示颜色从浅到深。

2.颜色的创建与使用

2.1.java中定义

// 灰色
int color = Color.GRAY;
// 半透明红色
int color = Color.argb(127, 255, 0, 0);
// 带有透明度的红色
int color = 0xaaff0000;

2.2.在xml文件中定义颜色

.../res/values/color.xml 中定义



    #ff0000
    #00ff00

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

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

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

2.3.java中引用xml中定义的颜色

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

2.4.在xml文件(layout或style)中引用或者创建颜色




// 引用在/res/values/color.xml 中定义的颜色
android:background="@color/red"
// 创建并使用颜色
android:background="#ff0000"

3.颜色混合模式(Alpha通道相关)

默认情况下,当一个颜色绘制到Canvas上时的混合模式是这样计算的:

(RGB通道) 最终颜色 = 绘制的颜色 + (1 - 绘制颜色的透明度) × Canvas上的原有颜色。

其他混合模式:用Paint.setXfermode,指定不同的PorterDuff.Mode

PorterDuff 模式的混合计算公式:
D:原本在Canvas上的内容dst
S:绘制输入的内容src
a:alpha通道
c:RGB各个通道

混合模式 计算公式
ADD Saturate(S + D)
CLEAR [0, 0]
DARKEN [Sa + Da - SaDa, Sc(1 - Da) + Dc*(1 - Sa) + min(Sc, Dc)]
DST [Da, Dc]
DST_ATOP [Sa, Sa * Dc + Sc * (1 - Da)]
DST_IN [Sa * Da, Sa * Dc]
DST_OUT [Da * (1 - Sa), Dc * (1 - Sa)]
DST_OVER [Sa + (1 - Sa)Da, Rc = Dc + (1 - Da)Sc]
LIGHTEN [Sa + Da - SaDa, Sc(1 - Da) + Dc*(1 - Sa) + max(Sc, Dc)]
MULTIPLY [Sa * Da, Sc * Dc]
SCREEN [Sa + Da - Sa * Da, Sc + Dc - Sc * Dc]
SRC [Sa, Sc]
SRC_ATOP [Da, Sc * Da + (1 - Sa) * Dc]
SRC_IN [Sa * Da, Sc * Da]
SRC_OUT [Sa * (1 - Da), Sc * (1 - Da)]
SRC_OVER [Sa + (1 - Sa)Da, Rc = Sc + (1 - Sa)Dc]
XOR [Sa + Da - 2 * Sa * Da, Sc * (1 - Da) + (1 - Sa) * Dc]

示例:
src:输入的图
dst:原Canvas上的内容

自定义View基础① 笔_第8张图片

2017/5/16 9:58:19

你可能感兴趣的:(自定义View基础① 笔)