二 .绘制的基本要素:
1.重写 onDraw()
2.使用 Canvas 来绘制
3.使用 Paint 来配置
4.坐标系
坐标系的原点为view左上角。
5.尺寸单位是像素,而不是 dp。 dp都是做适配的
绘制常用的api
安卓新建一个项目。
新建一个类,做自定义view
接下来,实例画一个仪表盘
public class CircleView extends View {
Paint paint=new Paint(Paint.ANTI_ALIAS_FLAG);
private float Angle= 120;
private float Angle_sweep= 240;
private float R1= 320;
public CircleView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
{
paint.setColor(Color.BLACK);
paint.setStrokeWidth(5);
paint.setStyle(Paint.Style.STROKE);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//画一个仪表盘
// 1.画一个弧形
canvas.drawArc(getWidth()/2- R1,getHeight()/2-R1,getWidth()/2+R1,getHeight()/2+R1,Angle/2+90,Angle_sweep,false,paint );
}
}
canvas.drawArc(getWidth()/2- R1,getHeight()/2-R1,getWidth()/2+R1,getHeight()/2+R1,Angle/2+90,Angle_sweep,false,paint );
首先画一个弧形,参数3是矩形right距离y轴距离,4为bottom距离0轴距离
2,接下来画表针,这个比较复杂,不能一个个来画
现在每一个刻度都是切向的。正好我们可以设置画笔为虚线,画一条弧形
package com.blithelee.mvvmactivity.DrawView;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathDashPathEffect;
import android.util.AttributeSet;
import android.view.View;
import androidx.annotation.Nullable;
import com.blithelee.mvvmactivity.R;
public class CircleView extends View {
Paint paint=new Paint(Paint.ANTI_ALIAS_FLAG);
private float Angle= 120;
private float Angle_sweep= 240;
private float R1= 320;
private Path dash=new Path();
public CircleView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
{
//自定义dash形状 虚线dash的形状 默认就是- - - - - o我们把路径添加一个矩形,所以这个画笔画出来就是一个个的小矩形
dash.addRect(0,0,5,3,Path.Direction.CW);
xt, @Nullable AttributeSet attrs) {
super(context, attrs);
}
{
//自定义dash形状 虚线dash的形状 默认就是- - - - - o我们把路径添加一个矩形,所以这个画笔画出来就是一个个的小矩形
dash.addRect(0,0,5,3,Path.Direction.CW);