Android自定义控件开发入门与实战(1)绘图基础

29 阅读6分钟

第一章 绘图基础


1.1 基本图形绘制

setColor

首先0xAARRGGBB就是指透明度、红、绿、蓝四种属性的程度,十六进制从00->FF。即0到255,0是完全透明,255是全部着色,比如0xFFFF0000,就是纯红色,而0xFF0F0000就会显示弱红色。

1.2 Region

Region故名思意就是一块封闭的区域。

来看一下Region的构造变量:

public Region(Region region)

public Region(Rect r)

public Region(int left,int top,int right,int bottom)

第一个构造函数通过其他Region来复制一个同样的Region变量。

第二、三个构造函数才是常用的,根据一个矩形或者矩形左上角and右下角来构造出一个矩形区域。

我们在View中构造一个Region,

例:

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

Paint paint = new Paint();

paint.setStyle(Paint.Style.FILL);

paint.setColor(Color.RED);

Region region = new Region(new Rect(50,50,200,100));

//canvas.drawRegion(region);

}

我们用Region构造出一个矩形区域,但是在canvas中并没有对应的drawRegion方法,也就是说canvas并不能直接draw出一个Region,所以我们自己定义一个drawRegion方法出来。

public void drawRegion(Canvas canvas,Region region,Paint paint){

RegionIterator iter = new RegionIterator(region);

Rect r = new Rect();

while(iter.next(r)){

canvas.drawRect(r,paint);

}

}

效果如下:

在这里插入图片描述

从效果来看,我们用Region写了这么多,还不如直接用drawRect(50,50,200,100)更好呢!

从这里也可以看出,Region的本意不是用来绘制

一个Region可以通过其枚举类型RegionIterator来构造矩形集,以达到形成逼近显示区域的图形。

Region还可以用间接构造来实现,主要通过其空构造函数和set系列函数来实现。

Region的空构造函数

public Region()

set系列函数

public void setEmpty() //置空,将一个区域置空

public boolean set(Region region) //将新的Region替换原来的Region

public boolean set(Rect r) //将一个矩形替换原来的Region

public boolean set(int left,int top,int right,int bottom) //同上

public boolean setPath(Path path,Region clip) //根据路径的区域与某区域的交集构造出新的区域

主要讲讲最后一个setPath(Path,Region)

Path是路径,Region构成的区域与前面的路径取交集。

由于路径有很多种构造方式,可以所以拜摆脱了前面的构造函数只能设置矩形的局限。

例:

//构造出一个椭圆路径

Path ovalPath = new Path();

RectF rect = new RectF(50,50,200,500);

ovalPath.addOval(rect, Path.Direction.CCW);

//在setPath中传入一个比椭圆区域小的矩形区域,让其取交集

Region rgn = new Region();

rgn.setPath(ovalPath,new Region(50,50,200,200));

drawRegion(canvas,rgn,paint);

效果如下:

在这里插入图片描述

从这里可以看出,Region最重要的作用就是显示出相交的区域!

下面来看几个区域相交的操作:

  1. union()函数

boolean union(Rect r)

该函数用于与指定矩形取并集,即将Rect所指定的矩形加入到当前区域中。

例:

Paint paint = new Paint();

paint.setColor(Color.RED);

paint.setStyle(Paint.Style.FILL);

Region region = new Region(10,10,200,100);

region.union(new Rect(10,10,50,300));

drawRegion(canvas,region,paint);

效果如下:

在这里插入图片描述

  1. 除了union可以用指定要并入的矩形外,Region还提供了一些更加灵活的操作函数:

boolean op(Rect r, Op op)

boolean op(int left,int top,int right,int bottom,Op op)

boolean op(Region region,Op op)

这些函数的含义是用当前region与一个指定的Rect对象或者Region对象执行相交操作,并将结果赋值给当前的Region对象。如果计算成功,则返回true,否则返回false。

其中最终要的就是Op参数,Op参数值有以下6个:

*/

public enum Op {

DIFFERENCE, //最终区域为region1 与 region2 补集区域

INTERSECT, //最终区域为region1 与 region2 相交的区域

UNION, //最终区域为region1 与 region2 组合在一起的区域

XOR, //最终区域为region1 与 region2 相交之外的区域

REVERSE_DIFFERENCE, //最终区域为region1 与 region2 翻转补集的区域

REPLACE //最终区域为region2的区域

}

例:

Paint paint = new Paint();

paint.setStyle(Paint.Style.STROKE);

paint.setColor(Color.RED);

paint.setStrokeWidth(2);

//首先先构造出两个矩形

Rect rect1 = new Rect(100,100,400,200);

Rect rect2 = new Rect(200,0,300,300);

//先在图中画出来

canvas.drawRect(rect1,paint);

canvas.drawRect(rect2,paint);

//构造两个矩形区域

Region region1 = new Region(rect1);

Region region2 = new Region(rect2);

//取两个区域的补集

region1.op(region2, Region.Op.DIFFERENCE);

paint.setColor(Color.GREEN);

paint.setStyle(Paint.Style.FILL);

drawRegion(canvas,region1,paint);

效果如下:

在这里插入图片描述

还可以直接将结果复制给另一个region:

Region region1 = new Region(100,100,400,200);

Region region2 = new Region(200,0,300,300);

Region region = new Region();

region.op(region1,region2,Region.Op.INTERSECT);

关于面试的充分准备

一些基础知识和理论肯定是要背的,要理解的背,用自己的语言总结一下背下来。

虽然 Android 没有前几年火热了,已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了,现在高级工程师还是比较缺少的,我能明显感觉到国庆后多了很多高级职位,所以努力让自己成为高级工程师才是最重要的。

好了,希望对大家有所帮助。

接下来是整理的一些Android学习资料,有兴趣的朋友们可以关注下我免费领取方式

①Android开发核心知识点笔记

②对标“阿里 P7” 40W+年薪企业资深架构师成长学习路线图

③面试精品集锦汇总

④全套体系化高级架构视频

**Android精讲视频领取学习后更加是如虎添翼!**进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!

获取方式:【Android架构视频+BAT面试专题PDF+学习笔记