• android 绘图之Path与Paint详解


    /**  
         * Paint类介绍  
         *   
         * Paint即画笔,在绘图过程中起到了极其重要的作用,画笔主要保存了颜色,  
         * 样式等绘制信息,指定了如何绘制文本和图形,画笔对象有很多设置方法,  
         * 大体上可以分为两类,一类与图形绘制相关,一类与文本绘制相关。         
         *   
         * 1.图形绘制  
         * setARGB(int a,int r,int g,int b);  
         * 设置绘制的颜色,a代表透明度,r,g,b代表颜色值。  
         *   
         * setAlpha(int a);  
         * 设置绘制图形的透明度。  
         *   
         * setColor(int color);  
         * 设置绘制的颜色,使用颜色值来表示,该颜色值包括透明度和RGB颜色。  
         *   
        * setAntiAlias(boolean aa);  
         * 设置是否使用抗锯齿功能,会消耗较大资源,绘制图形速度会变慢。  
         *   
         * setDither(boolean dither);  
         * 设定是否使用图像抖动处理,会使绘制出来的图片颜色更加平滑和饱满,图像更加清晰  
         *   
         * setFilterBitmap(boolean filter);  
         * 如果该项设置为true,则图像在动画进行中会滤掉对Bitmap图像的优化操作,加快显示  
         * 速度,本设置项依赖于dither和xfermode的设置  
         *   
         * setMaskFilter(MaskFilter maskfilter);  
         * 设置MaskFilter,可以用不同的MaskFilter实现滤镜的效果,如滤化,立体等       *   
         * setColorFilter(ColorFilter colorfilter);  
         * 设置颜色过滤器,可以在绘制颜色时实现不用颜色的变换效果  
         *   
         * setPathEffect(PathEffect effect);  
         * 设置绘制路径的效果,如点画线等  
         *   
         * setShader(Shader shader);  
         * 设置图像效果,使用Shader可以绘制出各种渐变效果  
         *  
         * setShadowLayer(float radius ,float dx,float dy,int color);  
         * 在图形下面设置阴影层,产生阴影效果,radius为阴影的角度,dx和dy为阴影在x轴和y轴上的距离,color为阴影的颜色  
         *   
         * setStyle(Paint.Style style);  
         * 设置画笔的样式,为FILL,FILL_OR_STROKE,或STROKE    Style.FILL: 实心   STROKE:空心   FILL_OR_STROKE:同时实心与空心
            
         *   
         * setStrokeCap(Paint.Cap cap);  
         * 当画笔样式为STROKE或FILL_OR_STROKE时,设置笔刷的图形样式,如圆形样式  
         * Cap.ROUND,或方形样式Cap.SQUARE  
         *   
         * setSrokeJoin(Paint.Join join);  
         * 设置绘制时各图形的结合方式,如平滑效果等  
         *   
         * setStrokeWidth(float width);  
         * 当画笔样式为STROKE或FILL_OR_STROKE时,设置笔刷的粗细度  
         *   
         * setXfermode(Xfermode xfermode);  
         * 设置图形重叠时的处理方式,如合并,取交集或并集,经常用来制作橡皮的擦除效果  
         *   
         * 2.文本绘制  
         * setFakeBoldText(boolean fakeBoldText);  
         * 模拟实现粗体文字,设置在小字体上效果会非常差  
         *   
         * setSubpixelText(boolean subpixelText);  
         * 设置该项为true,将有助于文本在LCD屏幕上的显示效果  
         *   
         * setTextAlign(Paint.Align align);  
         * 设置绘制文字的对齐方向  
         *   
       * setTextScaleX(float scaleX);  
        * 设置绘制文字x轴的缩放比例,可以实现文字的拉伸的效果  
         *   
         * setTextSize(float textSize);  
         * 设置绘制文字的字号大小  
         *   
         * setTextSkewX(float skewX);  
         * 设置斜体文字,skewX为倾斜弧度  
         *   
         * setTypeface(Typeface typeface);  
         * 设置Typeface对象,即字体风格,包括粗体,斜体以及衬线体,非衬线体等  
         *   
         * setUnderlineText(boolean underlineText);  
         * 设置带有下划线的文字效果  
         *   
         * setStrikeThruText(boolean strikeThruText);  
         * 设置带有删除线的效果  
         *   
         */  
    画笔这里, setStyle(Paint.Style style) 
    看看实心效果:
        class MyView1 extends View{
            Paint paint=new Paint();
            public MyView1(Context context) {
                super(context);
            }
            protected void onDraw(Canvas canvas) {              //重载onDraw方法  
                // TODO Auto-generated method stub  
                super.onDraw(canvas);  
                paint.setColor(Color.RED);                      //设置画笔颜色  
                paint.setStyle(Style.FILL);   //设置画笔为空心     如果将这里改为Style.STROKE  这个图中的实线圆柱体就变成了空心的圆柱体
                canvas.drawColor(Color.WHITE);  
                canvas.drawLine(50, 50, 450, 50, paint);        //绘制直线  
                canvas.drawRect(100, 100, 200, 600, paint);     //绘制矩形  
                canvas.drawRect(300, 100, 400, 600, paint);     //绘制矩形  
            } 
        }  


    再看看Path类的使用:

    实现如下:
        class MyView2 extends View{
            public MyView2(Context context) {
                super(context);
            }
            @Override
            protected void onDraw(Canvas canvas) {
                  super.onDraw(canvas);
                    canvas.drawColor(Color.WHITE);
                    Paint paint = new Paint();
                    paint.setAntiAlias(true);
                    paint.setColor(Color.RED);
                    paint.setStyle(Paint.Style.STROKE);//设置为空心
                    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();//把开始的点和最后的点连接在一起,构成一个封闭图形
                    /*
                     * 最重要的就是movtTo和close,如果是Style.FILL的话,不设置close,也没有区别,可是如果是STROKE模式,
                     * 如果不设置close,图形不封闭。
                     * 
                     * 当然,你也可以不设置close,再添加一条线,效果一样。
                     */
                    canvas.drawPath(path1, paint);
                    ///////////////////////////////////////第二列
                    paint.setColor(Color.BLUE);
                    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);

                    ////////////////////////////////////////////////////第三列                
                    /*
                     * LinearGradient shader = new LinearGradient(0, 0, endX, endY, new
                     * int[]{startColor, midleColor, endColor},new float[]{0 , 0.5f,
                     * 1.0f}, TileMode.MIRROR);
                     * 参数一为渐变起初点坐标x位置,参数二为y轴位置,参数三和四分辨对应渐变终点
                     * 其中参数new int[]{startColor, midleColor,endColor}是参与渐变效果的颜色集合, 
                     * 其中参数new float[]{0 , 0.5f, 1.0f}是定义每个颜色处于的渐变相对位置, 这个参数可以为null,如果为null表示所有的颜色按顺序均匀的分布
                     */
                    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);
                    
                    //////////////////////////////////第4列
                    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还可以绘制各种各样的折线图:
        class MyView extends View {
            float phase;
            PathEffect[] effects=new PathEffect[7];
            int[] colors;
            private Paint paint;
            Path path;
            public MyView(Context context) {
                super(context);
                paint=new Paint();
                paint.setStyle(Style.STROKE);
                paint.setStrokeWidth(4);
                //创建初始化Path
                path=new Path();
                path.moveTo(0, 0);   //设置绘制的起点在左上角
                for (int i = 1; i <=15; i++) {
                    path.lineTo(i*20, (float)Math.random()*60);
                }
                colors=new int[]{Color.BLACK,Color.BLUE,Color.CYAN,Color.GREEN,Color.MAGENTA,Color.RED,Color.YELLOW};
            }
            
            @Override
            protected void onDraw(Canvas canvas)   {  
                //将背景填充成白色  
                canvas.drawColor(Color.WHITE);  
                //-------下面开始初始化7中路径的效果  
                //使用路径效果  
                effects[0] = null;  
                //使用CornerPathEffect路径效果  
                effects[1] = new CornerPathEffect(10);  
                //初始化DiscretePathEffect  
                effects[2] = new DiscretePathEffect(3.0f,5.0f);  
                //初始化DashPathEffect  
                effects[3] = new DashPathEffect(new float[]{20,10,5,10},phase);  
                //初始化PathDashPathEffect  
                Path p = new Path();  
                p.addRect(0, 0, 8, 8, Path.Direction.CCW);  
                effects[4] = new PathDashPathEffect(p,12,phase,PathDashPathEffect.Style.ROTATE);  
                //初始化PathDashPathEffect  
                effects[5] = new ComposePathEffect(effects[2],effects[4]);  
                effects[6] = new SumPathEffect(effects[4],effects[3]);  
                //将画布移到8,8处开始绘制  
                canvas.translate(8, 8);  
                //依次使用7中不同路径效果,7种不同的颜色来绘制路径  
                for(int i = 0; i < effects.length; i++)  
                {  
                    paint.setPathEffect(effects[i]);  
                    paint.setColor(colors[i]);  
                    canvas.drawPath(pathpaint);  
                    canvas.translate(0, 60);  
                }  
                //改变phase值,形成动画效果  
                phase += 1;  
                invalidate();  
            } 
        }  







     




    qq3061280@163.com
  • 相关阅读:
    第二章:WebDriver 打开Firefox浏览器 和 Chrome 浏览器
    第一章:在 java 中配置 selenium jar 包的步骤
    第一章:Chrome 43 配置 java + selenium 环境
    第一章:火狐浏览器 : 环境配置: FireFox 版本38 + jdk 7 + selenium 2.53.6 + selenum-version 2.48.2
    抛弃CSDN博客 转移到 博客园来编写博客
    第一章:eclipse 中修改字体大小和编码格式
    2. VirtualBox 虚拟机:安装
    1. 在虚拟机中 添加内容
    第一章:selenium + java 环境安装 —— eclipse 中的使用
    实验二 Java面向对象程序设计
  • 原文地址:https://www.cnblogs.com/aibuli/p/efef9d774df97c553a8a0c0c3495ba35.html
Copyright © 2020-2023  润新知