android 进阶自定义view （第二天）

昨天，我们了解了基本图的绘制，以及画笔的基本使用，今天开始新的学习

Canvas使用基础

1.画布背景设置

有三种方法可以实现画布背景设置，分别如下：

void drawColor(int color) //必须是8位的0xAARRGGBB样式颜色值
void drawARGB(int a,int r,int g,int b)//分别传入A、R、G、B分量，每个颜色值的取值范围是0~255（对应十六进制数0x00~0xFF）,内部会通过这些颜色分量构造出对应的颜色值
void drawRGB(int r,int g,int b)//只允许传入R、G、B分量，透明度Alpha的值取255.

比如，将画布默认填充为紫色，代码如下：

效果如下 ：

2.画直线 

void drawLine(float startX,float startY,float stopX,float stopY,Paint paint)

参数：

• startX：起始点X坐标。
• startY：起始点Y坐标。
• stopX：终点X坐标。
• stopY：终点Y坐标。

示例如下：

//画直线
Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.FILL);
paint.setStrokeWidth(50);

Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.FILL_AND_STROKE);
paint.setStrokeWidth(50);

Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(50);

Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(5);


canvas.drawLine(100,100,200,200,paint);

 分别效果如下

    

从效果图可以明显看出，直线的粗细与画笔style是没有关系的。只与paint.setStrokeWidth有直接关系。

3.点 

void drawPoint(float x,float y,Paint paint)

参数：

• float x：点的X坐标。
• float y：点的Y坐标。

示例如下：

 代码很简单，就是在(100,100)位置画一个点。同样，点的大小只与paint.setStrokeWidth(width)有关。

效果如下：

 

 4.矩形工具类RectF、Rect概述

这两个类都是矩形工具类，根据四个点构造出一个矩形结构。RectF与Rect中的方法、成员变量完全一样，唯一不同的是：RectF是用来保存float类型数值的矩形结构的，而Rect是用来保存int类型数值的矩形结构的。

我们先对比一下它们的构造函数。

RectF

RectF()
RectF(float left,float top,float right,float bottom)//最常用
Rectf(Rectf r)
Rectf(Rect r)

Rect

Rect()
Rect(int left,int top,int right,int bottom)//最常用
Rect(Rect r)

5.矩形

在看完矩形的存储结构RectF、Rect以后，再来看看矩形的绘制方法。

void drawRect(float left,float top,float right,float bottom,Paint paint) //直接传入4个点来绘制矩形
void drawRect(Rectf rect,Paint paint)//根据传入Rectf的矩形变量来指定所绘制的矩形
void drawRect(Rect r,Paint paint)//根据传入Rect的矩形变量来指定所绘制的矩形

示例代码：

//画矩形
Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(15);

//直接构造
canvas.drawRect(10,10,100,100,paint);

//使用RectF构造
paint.setStyle(Paint.Style.FILL);
RectF rectF = new RectF(210f,10f,300f,100f);
canvas.drawRect(rectF,paint);

 效果图如下：

 

小编第二天学习到此结束，再花点时间熟悉熟悉。

android 进阶自定义view （第一天）