Canvas的基本用法

立即下载用AI写一个

发布时间：2018-12-21

1人 | 浏览：4250次 | 收藏 |

技术：android，自定义view，canvas

概述

在之前讲过画笔Paint的基本使用，这篇文章让我们来了解下画布---Canvas的基本使用。

详细

####前言
在之前讲过画笔Paint的基本使用，这篇文章让我们来了解下画布---Canvas的基本使用。
相关文章：
[自定义控件概述](http://www.demodashi.com/demo/14705.html)
[Paint的基本使用](http://www.demodashi.com/demo/14712.html)

今天讲解的内容有：
1. Canvas设置背景
2. Canvas画Point
3. Canvas画直线
4. 矩形构造方法
5. canvas画矩形
6. Color颜色的构建和提取
7. Canvas用直线画"正"字示例
8. 项目结构图和效果图
#####一.Canvas设置背景
canvas设置背景有三种方法：
```
// canvas.drawARGB(23,55,70,32);
// canvas.drawRGB(77,120,240);
   canvas.drawColor(Color.WHITE);
```
#####二.Canvas画Point
canvas画点的方法如下：
```
        Paint paint=new Paint();
        paint.setColor(Color.RED);//设置颜色
        //画点的时候,Paint的style设置无效，故此处不设置Paint.Style
        paint.setStrokeWidth(30f);
        //画点
        canvas.drawPoint(500,100,paint);
        //注：画出的点是方块,而不是圆.
```
需要注意的是，画点时，设置Paint的style无效，且画出来的点不是圆的，而是实心小方块。
#####三.Canvas画直线
canvas画直线的方法如下：
```
canvas.drawLine(float startX,float startY,float stopX,float stopY,Paint paint);
```
其中 startX：画线起点x坐标
startY：画线起点y坐标
stopX:   画线结束点x坐标
stopY:   画线结束点y坐标
#####四.矩形构造方法
矩形分为 Rect 和 RectF 两个类，这两个类的用法基本一样，区别是 Rect 构造的时候，对应传的坐标值为 int 数据类型，而RectF 构造的时候，对应传的坐标值为 float 数据类型
######4.1 Rect的构造方法
```
Rect rect=new Rect();
Rect rect=new Rect(Rect r);
Rect rect=new Rect(int left,int top,int right,int bottom);
```
######4.2 RectF的构造方法
```
RectF rectf=new RectF();
RectF rectf=new RectF(Rect r);
RectF rectf=new RectF(RectF rf);
RectF rectf=new RectF(float left,float top,float right,float bottom);
```
#####五.canvas画矩形
canvas画矩形有两种方式，直接画矩形或先构造矩形，然后将矩形设置到canvas上
######5.1 canvas直接画矩形
```
canvas.drawRect(float left,float top,float right,float bottom,Paint paint);
```
注意 canvas直接画矩形的时候，坐标参数为float类型。
######5.2 先画矩形,再设置到画布上
canvas设置矩形的方法是这样的：
```
        canvas.drawRect(Rect rect,Paint paint);
        canvas.drawRect(RectF rectf,Paint paint);
```
若想在canvas上画矩形，你可以这样：
```
Rect rect=new Rect(50,450,200,600);
canvas.drawRect(rect,paint);
```
或者像这样：
```
        Rect rect=new Rect();
        rect.set(50,450,200,600);
        canvas.drawRect(rect,paint);
```
#####六. Color颜色的构建和提取
######6.1 Color颜色的构建
```
         Color.argb(int alpha,int red,int green,int blue);
         Color.rgb(int red,int green,int blue);
```
######6.2 Color颜色的提取
```
         int alpha=Color.alpha(0xff5e73df);
         int red=Color.red(0xff5e73df);
         int green=Color.green(0xff5e73df);
         int blue=Color.blue(0xff5e73df);
```
#####七.Canvas用直线画"正"字示例
具体代码demo中有，这里主要介绍下自定义控间Canvas在MainActivity对应的activity_main.xml中的引用代码如下：
```
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    tools:context="com.android.testdemo.main.MainActivity">
    <com.android.testdemo.animation.CanvasView
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</android.support.constraint.ConstraintLayout>
```

#####八. 项目结构图和效果图
>项目结构图

![](/contentImages/image/20181221/xmszkoSsbPcbOclQucw.png)
>效果图

![](/contentImages/image/20181221/lALJc7MulBZOaMY03Yn.jpg)

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

Canvas的基本用法

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子