Paint的基本使用

Paint的基本使用,第1张

Paint的基本使用

代码地址如下:

http://www.demodashi.com/demo/14712.html

前言

在讲述自定义控件的时候,我们讲到了自定义控件的基本步骤,那么在自定义控件中,我们第一个需要了解的就是Paint,即画笔


那么今天就来讲讲paint的基本使用。




自定义控件概述

今天要讲的内容包括:

  1. Paint画笔的基本使用
  2. Paint设置宽度时需要注意的地方
  3. 利用paint开发的一个简单示例
  4. 项目结构图和效果图
一.Paint画笔的基本使用 1.1 创建画笔,即Paint对象
        //初始化Paint
Paint paint=new Paint();
1.2 设置Paint颜色

在设置Paint颜色之前,我们需要了解下颜色的一些基本知识

色值的定义有两种方式:

1.十进制方式

2.十六进制表示法

十进制的话颜色色值是从 0-255,数字越大,颜色越深,数字越小,颜色越浅;

十六进制表示法是:(00-ff)(00-ff)(00-ff)(00-ff)分别代表ARGB(例如表示白色,我们可以这样:#ffffffff),数值越小越淡,越大越深。




A表示透明度

R表示红色色值

G表示绿色色值

B表示蓝色色值

每种颜色都由ARGB组成,例如透明为:#00000000,红色为:#FFFF0000,绿色为:#FF00FF00,蓝色为:#FF0000FF

那么接下来就是给Paint设置颜色,代码如下:

        //设置画笔颜色
paint.setColor(0xffff0000);
1.3 设置Paint填充样式

Paint的填充样式分三种:

        //Paint.Style.FILL:仅填充内部
//Paint.Style.STROKE:仅描边
//Paint.Style.FILL_AND_STROKE:描边且填充内部

如果想设置Paint的填充样式为仅描边,你可以这样:

        //设置画笔样式
paint.setStyle(Paint.Style.STROKE);
1.4 设置Paint宽度

我们可以用以下方法来给Paint设置宽度(设置Piant宽度为30f):

        //设置画笔宽度
paint.setStrokeWidth(30f);
1.5 Paint使用步骤基本代码

下面以创建一个MyView代码为例,贴出Paint使用步骤的基本代码

public class MyView extends View{

    public MyView(Context context) {
super(context);
} public MyView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
} public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
} @Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas); //初始化Paint
Paint paint=new Paint();
//设置画笔颜色
paint.setColor(0xffff0000);
//设置画笔样式
paint.setStyle(Paint.Style.STROKE);
//设置画笔宽度
paint.setStrokeWidth(10f);
//将paint设置到canvas中去
canvas.drawCircle(200,200,100,paint);
}
}
二.Paint设置宽度时需要注意的地方

paint.setStrokeWidth();方法仅对Paint的样式为Paint.Style.STROKE或Paint.Style.FILL_AND_STROKE起作用,当Paint的样式为Paint.Style.FILL时,设置Paint的宽度不起作用,因为Paint设置的宽度是描边宽度,而Paint.Style.FILL是仅填充内部,没有描边。


三.利用paint开发的一个简单示例

这里我们自定义一个PaintView,实现的是一个类似同心圆的效果,具体代码在demo中有,这里主要讲解其在MainActivity对应的activity_main.xml中的引用,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.PaintView
android:layout_width="match_parent"
android:layout_height="match_parent"/> </android.support.constraint.ConstraintLayout>
四.项目结构图和效果图

项目结构图

效果图

Paint的基本使用

代码地址如下:

http://www.demodashi.com/demo/14712.html

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/585886.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存