android path arc android path arcto

转载

岁月静好呀 2023-11-14 06:58:13

文章标签 android path arc android path 渐变色 h5 文章分类 Android 移动开发

方法解析

reset()方法：清除path设置的所有属性
lineTo(float x, float y)方法：ineTo(float x, float y)方法用于从当前轮廓点绘制一条线段到x，y点
moveTo(float x, float y)方法：path的moveTo方法将起始轮廓点移至x，y坐标点，默认情况为0,0点
close()方法:回到初始点形成封闭的曲线
addArc(RectF oval, float startAngle, float sweepAngle)方法：path.addArc方法用于绘制圆弧，这个圆弧取自RectF矩形的内接椭圆上的一部分，圆弧长度由后两个参数决定，

startAngle：起始位置的角度值
sweepAngle：旋转的角度值

arcTo(RectF oval, float startAngle, float sweepAngle)方法：

arcTo和addArc的区别:

addArc可以直接加入一段椭圆弧。使用arcTo还需要使用moveTo指定当前点的坐标。
arcTo如果当前点坐标和曲线的起始点不是同一个点的话，还会自动添加一条直线补齐路径。

quadTo(float x1, float y1, float x2, float y2)方法：以当前路径结束点为开始点，(x1,y1)为控制点，(x2,y2)为结束点画一条二次贝塞尔曲线（相关贝赛尔曲线请再做查询）
addCircle(float x, float y, float radius, Direction dir)方法：
使用path绘制圆形，xy为圆的圆心 radius为圆的半径，Direction 为绘制元的方向

Diection.CCW 逆时针方向
Diection.CW 顺时针方向

addOval(RectF oval, Path.Direction dir)方法：绘制椭圆，同上绘制圆的方法
addPath(Path src, float dx, float dy)方法：在已有的Path上通过平移创建新的path：

代码示例

import android.app.Activity;   
import android.os.Bundle;   
import android.view.View;   
import android.content.Context;   
import android.graphics.Canvas;   
import android.graphics.Color;   
import android.graphics.Paint;   
import android.graphics.RectF;   
import android.graphics.Path;   
import android.graphics.Shader;   
import android.graphics.LinearGradient;   
//主程序中继承自Android.view.View的 MyView类，重写 MyView的onDraw()方法，   
//一开始就会运行绘制的工作，在onDraw()中以Paint将几何图形绘制在Canvas上，   
//以 paint.setColor()改变图形颜色、以 paint.setStyle()的设置来控制画出的的   
//图形是空心还是实心。程序的最后一段，就是直接在Canvas写上文字，随着Paint对   
//象里的属性设置，也会有不同的外观模式。 
public class GraphicesActivity extends Activity {   
    /** Called when the activity is first created. */  
    @Override  
    public void onCreate(Bundle savedInstanceState) {   
        super.onCreate(savedInstanceState);   
        /*设置ContentView为自定义的MyVieW*/  
        MyView myView=new MyView(this);   
        setContentView(myView);   
    }   

    /* 自定义继承View 的MyView*/  
    private class MyView extends View {   
         public MyView(Context context){   
            super(context) ;   
         }   

         /*重写onDraw（）*/  
         @Override  
         protected void onDraw(Canvas canvas)   
         {      
              super.onDraw(canvas);   
              /*设置背景为白色*/  
              canvas.drawColor(Color.WHITE);   

              Paint paint=new Paint();   
              /*去锯齿*/  
              paint.setAntiAlias(true);   
              /*设置paint的颜色*/  
              paint.setColor(Color.RED);   
              /*设置paint的 style 为STROKE：空心*/  
              paint.setStyle(Paint.Style.STROKE);   
              /*设置paint的外框宽度*/  
              paint.setStrokeWidth(3);   

              /*画一个空心圆形*/  
              canvas.drawCircle(40, 40, 30, paint);   
              /*画一个空心正方形*/  
              canvas.drawRect(10, 90, 70, 150, paint);   
              /*画一个空心长方形*/  
              canvas.drawRect(10, 170, 70,200, paint);   
              /*画一个空心椭圆形*/  
              canvas.drawOval(new RectF(10,220,70,250), paint);   
              /*画一个空心三角形*/  
              Path path=new Path();   
              path.moveTo(10, 330);   
              path.lineTo(70,330);   
              path.lineTo(40,270);   
              path.close();   
              canvas.drawPath(path, paint);   
              /*画一个空心梯形*/  
              Path path1=new Path();   
              path1.moveTo(10, 410);   
              path1.lineTo(70,410);   
              path1.lineTo(55,350);   
              path1.lineTo(25, 350);   
              path1.close();   
              canvas.drawPath(path1, paint);   

              /*设置paint的颜色*/  
              paint.setColor(Color.BLUE);   
              /*设置paint 的style为 FILL：实心*/  
              paint.setStyle(Paint.Style.FILL);   
              /*画一个实心圆*/  
              canvas.drawCircle(120,40,30, paint);   
              /*画一个实心正方形*/  
              canvas.drawRect(90, 90, 150, 150, paint);   
              /*画一个实心长方形*/  
              canvas.drawRect(90, 170, 150,200, paint);   
              /*画一个实心椭圆*/  
              RectF re2=new RectF(90,220,150,250);   
              canvas.drawOval(re2, paint);   
              /*画一个实心三角形*/  
              Path path2=new Path();   
              path2.moveTo(90, 330);   
              path2.lineTo(150,330);   
              path2.lineTo(120,270);   
              path2.close();   
              canvas.drawPath(path2, paint);   
              /*画一个实心梯形*/  
              Path path3=new Path();   
              path3.moveTo(90, 410);   
              path3.lineTo(150,410);   
              path3.lineTo(135,350);   
              path3.lineTo(105, 350);   
              path3.close();   
              canvas.drawPath(path3, paint);   

              /*设置渐变色*/  
              Shader mShader=new LinearGradient(0,0,100,100,   
                      new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.YELLOW},   
                      null,Shader.TileMode.REPEAT);   
              //Shader.TileMode三种模式   
              //REPEAT:沿着渐变方向循环重复   
              //CLAMP:如果在预先定义的范围外画的话，就重复边界的颜色   
              //MIRROR:与REPEAT一样都是循环重复，但这个会对称重复   
              paint.setShader(mShader);//用Shader中定义定义的颜色来话   

              /*画一个渐变色圆*/  
              canvas.drawCircle(200,40,30, paint);   
              /*画一个渐变色正方形*/  
              canvas.drawRect(170, 90, 230, 150, paint);   
              /*画一个渐变色长方形*/  
              canvas.drawRect(170, 170, 230,200, paint);   
              /*画一个渐变色椭圆*/  
              RectF re3=new RectF(170,220,230,250);   
              canvas.drawOval(re3, paint);   
              /*画一个渐变色三角形*/  
              Path path4=new Path();   
              path4.moveTo(170,330);   
              path4.lineTo(230,330);   
              path4.lineTo(200,270);   
              path4.close();   
              canvas.drawPath(path4, paint);   
              /*画一个渐变色梯形*/  
              Path path5=new Path();   
              path5.moveTo(170, 410);   
              path5.lineTo(230,410);   
              path5.lineTo(215,350);   
              path5.lineTo(185, 350);   
              path5.close();   
              canvas.drawPath(path5, paint);   

              /*写字*/  
              paint.setTextSize(24);   
              canvas.drawText("圆形", 240, 50, paint);   
              canvas.drawText("正方形", 240, 120, paint);   
              canvas.drawText("长方形", 240, 190, paint);   
              canvas.drawText("椭圆形", 240, 250, paint);   
              canvas.drawText("三角形", 240, 320, paint);   
              canvas.drawText("梯形", 240, 390, paint);     
         }   
    }   
}

代码解释：

/*画一个空心三角形*/  
              Path path=new Path();   
              path.moveTo(10, 330);   
              path.lineTo(70,330);   
              path.lineTo(40,270);   
              path.close();

这一小段的代码是用来绘制一个三角形的，简单来说，就是通过三点（轮廓点和另外两个点），额-.-…，三点确定一个平面，将三角形绘制出来

/*画一个实心梯形*/  
              Path path3=new Path();   
              path3.moveTo(90, 410);   
              path3.lineTo(150,410);   
              path3.lineTo(135,350);   
              path3.lineTo(105, 350);   
              path3.close();

好吧，同理：这玩意就是通过四点确定一个平面的。