美文网首页
Paint详解(一)

Paint详解(一)

作者: GoodWen | 来源:发表于2019-10-08 09:00 被阅读0次

    1,概念

    画笔,保存了 绘制 几何图形、文本、和位图的样式 和 颜色信息

    2,常用API

                       常用API主要和颜色、效果和文本相关等
    

    自定义控件练习paint属性,GradientLayout

    public class GradientLayout extends View {
        private Paint mPaint;
        private Shader mShader;
        private Bitmap mBitmap;
    
    
        public GradientLayout(Context context) {
            this(context, null);
        }
    
        public GradientLayout(Context context, AttributeSet attrs) {
            this(context, attrs, 0);
        }
    
        public GradientLayout(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            init();
        }
    
        private void init() {
            mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.beauty);
            mPaint = new Paint();//初始化
    //        mPaint.setColor(Color.RED);//设置颜色
    //        mPaint.setARGB(255, 255, 255, 0);//设置颜色范围 0-255 红绿蓝三原色  透明度
    //        mPaint.setAlpha(200);//设置不透明度  0-255
            mPaint.setAntiAlias(true);//设置抗锯齿效果
            mPaint.setStyle(Paint.Style.FILL);//设置描边效果    分为 描边效果  和填充效果  和两种一起
    //        mPaint.setStrokeWidth(4);//描边宽度
    //        mPaint.setStrokeCap(Paint.Cap.ROUND);//圆角效果  分为默认 圆角  方角
    //        mPaint.setStrokeJoin(Paint.Join.MITER);//设置拐角的风格   分为煎饺  平角  和圆角
    //        mPaint.setShader(new SweepGradient(200, 200, Color.BLUE, Color.RED));//设置渲染器或者叫着色器  环形
    //        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DARKEN));//设置图层混合模式
    //        mPaint.setColorFilter(new LightingColorFilter(0x00ffff, 0x000000));//设置过滤器 这里是模仿关照效果
    //        mPaint.setFilterBitmap(true);//设置双线性过滤   设置这个会将图片的过度效果变得更加平滑 而不像之前有马赛克的效果
    //        mPaint.setMaskFilter(new BlurMaskFilter(10, BlurMaskFilter.Blur.NORMAL));//设置画笔遮罩滤镜,传入度数和样式
    //        mPaint.setTextScaleX(2);//设置为本缩放倍数  为文本设置绘画的水平比例因子。默认值是1.0。值> 1.0将文本拉伸得更宽。
            // 值< 1.0将使文本变窄。
    //        mPaint.setTextSize(38);//设置文字大小 值大于零   以像素为单位
    //        mPaint.setTextAlign(Paint.Align.LEFT);//设置文本对齐方式
    //        mPaint.setUnderlineText(true);//设置下划线
    //
    //        String str = "Android棒棒哒";
    //        Rect rect = new Rect();
    //        mPaint.getTextBounds(str,0,str.length(),rect);//测量文本大小,将文本大小信息存放在rect中
    //        mPaint.measureText(str);//获取文本宽度
    //        mPaint.getFontMetrics();//获取字体度量对象
    
    
    //        这几个比较难理解一点
    //        mPaint.setShader(new SweepGradient(200, 200, Color.BLUE, Color.RED));//设置渲染器或者叫着色器  环形
    //        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DARKEN));//设置图层混合模式
    //        mPaint.setColorFilter(new LightingColorFilter(0x00ffff, 0x000000));//设置过滤器 这里是模仿关照效果
    
        }
    
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            /**
             * 1.线性渲染,LinearGradient(float x0, float y0, float x1, float y1, @NonNull @ColorInt int colors[], @Nullable float positions[], @NonNull TileMode tile)
             * (x0,y0):渐变起始点坐标
             * (x1,y1):渐变结束点坐标
             * color0:渐变开始点颜色,16进制的颜色表示,必须要带有透明度
             * color1:渐变结束颜色
             * colors:渐变数组
             * positions:位置数组,position的取值范围[0,1],作用是指定某个位置的颜色值,如果传null,渐变就线性变化。
             * tile:用于指定控件区域大于指定的渐变区域时,空白区域的颜色填充方法
             */
            mShader = new LinearGradient(0, 0, 500, 500, new int[]{Color.RED, Color.BLUE, Color.GREEN}, new float[]{0.f, 0.7f, 1}, Shader.TileMode.CLAMP);
            mPaint.setShader(mShader);
    //        canvas.drawCircle(500, 500, 500, mPaint);
            canvas.drawRect(0, 0, 500, 500, mPaint);
    
            /**
             * 环形渲染,RadialGradient(float centerX, float centerY, float radius, @ColorInt int colors[], @Nullable float stops[], TileMode tileMode)
             * centerX ,centerY:shader的中心坐标,开始渐变的坐标
             * radius:渐变的半径
             * centerColor,edgeColor:中心点渐变颜色,边界的渐变颜色
             * colors:渐变颜色数组
             * stoops:渐变位置数组,类似扫描渐变的positions数组,取值[0,1],中心点为0,半径到达位置为1.0f
             * tileMode:shader未覆盖以外的填充模式。
             */
            mShader = new RadialGradient(750, 250, 250, new int[]{Color.GREEN, Color.YELLOW, Color.RED}, null, Shader.TileMode.CLAMP);
            mPaint.setShader(mShader);
            canvas.drawCircle(750, 250, 250, mPaint);
    
    
            /**
             * 扫描渲染,SweepGradient(float cx, float cy, @ColorInt int color0,int color1)
             * cx,cy 渐变中心坐标
             * color0,color1:渐变开始结束颜色
             * colors,positions:类似LinearGradient,用于多颜色渐变,positions为null时,根据颜色线性渐变
             */
            mShader = new SweepGradient(250, 750, Color.RED, Color.GREEN);
            mPaint.setShader(mShader);
            canvas.drawCircle(250, 750, 250, mPaint);
    
            /**
             * 位图渲染,BitmapShader(@NonNull Bitmap bitmap, @NonNull TileMode tileX, @NonNull TileMode tileY)
             * Bitmap:构造shader使用的bitmap
             * tileX:X轴方向的TileMode
             * tileY:Y轴方向的TileMode
             REPEAT, 绘制区域超过渲染区域的部分,重复排版
             CLAMP, 绘制区域超过渲染区域的部分,会以最后一个像素拉伸排版
             MIRROR, 绘制区域超过渲染区域的部分,镜像翻转排版
             */
            mShader = new BitmapShader(mBitmap, Shader.TileMode.MIRROR, Shader.TileMode.MIRROR);
            mPaint.setShader(mShader);
            canvas.drawRect(500,500,1000, 1000, mPaint);
            mShader = new BitmapShader(mBitmap, Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);
            mPaint.setShader(mShader);
            canvas.drawCircle(250, 1250, 250, mPaint);
    
    
            /**
             * 组合渲染,
             * ComposeShader(@NonNull Shader shaderA, @NonNull Shader shaderB, Xfermode mode)
             * ComposeShader(@NonNull Shader shaderA, @NonNull Shader shaderB, PorterDuff.Mode mode)
             * shaderA,shaderB:要混合的两种shader
             * Xfermode mode: 组合两种shader颜色的模式
             * PorterDuff.Mode mode: 组合两种shader颜色的模式
             */
            BitmapShader bitmapShader = new BitmapShader(mBitmap, Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);
            LinearGradient linearGradient = new LinearGradient(0, 1500, 500, 2100, new int[]{Color.RED, Color.GREEN, Color.BLUE}, null, Shader.TileMode.CLAMP);
            mShader = new ComposeShader(bitmapShader, linearGradient, PorterDuff.Mode.MULTIPLY);
            mPaint.setShader(mShader);
            canvas.drawCircle(250, 1750, 250, mPaint);
    
    
        }
    }
    

    在MainActivity中new出来 就能看到效果 图片自己随便找一张

    相关文章

      网友评论

          本文标题:Paint详解(一)

          本文链接:https://www.haomeiwen.com/subject/nhnlyctx.html