图像处理、画图

1、Color

1.1  color使用

1.2 android 定义颜色color时6位或8位值的差别

• 6位（#000000）就是RGB值
• 8位（#1e000000）ARGB 头两位是透明度，00是全然透明，ff是全然不透明，后6位是RGB值,比較适中的透明度值是int color = Color.argb ( 127,  255,  0,  255 );  // 半透明的紫色当中第一个參数表示透明。0表示全然透明，255(ff)表示全然不透明。后三位分别代表RGB的值了。

1.3  .9图

https://www.cnblogs.com/zhangmiao14/p/9178409.html

1.4 ShapeDrawable

① <shape>:

~ visible:设置是否可见

~ shape:形状,可选:rectangle(矩形,包括正方形),oval(椭圆,包括圆),line(线段),ring(环形)

~ innerRadiusRatio:当shape为ring才有效,表示环内半径所占半径的比率,如果设置了innerRadius, 他会被忽略

~ innerRadius:当shape为ring才有效,表示环的内半径的尺寸

~ thicknessRatio:当shape为ring才有效,表环厚度占半径的比率

~ thickness:当shape为ring才有效,表示环的厚度,即外半径与内半径的差

~ useLevel:当shape为ring才有效,表示是否允许根据level来显示环的一部分

Note：环形一定用 android:useLevel="false"

②<size>:

~ width:图形形状宽度

~ height:图形形状高度

③<gradient>：

一个具有渐变区域的Drawable，可以实现线性渐变,发散渐变和平铺渐变效果 核心节点：<gradient/>，有如下可选属性：

• startColor:渐变的起始颜色
• centerColor:渐变的中间颜色
• endColor:渐变的结束颜色
• type:渐变类型,可选(linear,radial,sweep), 线性渐变(可设置渐变角度),发散渐变(中间向四周发散),平铺渐变
• centerX:渐变中间亚瑟的x坐标,取值范围为:0~1
• centerY:渐变中间颜色的Y坐标,取值范围为:0~1
• angle:只有linear类型的渐变才有效,表示渐变角度,必须为45的倍数哦
• gradientRadius:只有radial和sweep类型的渐变才有效,radial必须设置,表示渐变效果的半径
• useLevel:判断是否根据level绘制渐变效果

④<solid>

~ color:背景填充色,设置solid后会覆盖gradient设置的所有效果!!!!!!

⑤<stroke>

~ width:边框的宽度

~ color:边框的颜色

~ dashWidth:边框虚线段的长度

~ dashGap:边框的虚线段的间距

⑥<conner>

~ radius:圆角半径,适用于上下左右四个角

~ topLeftRadius,topRightRadius,BottomLeftRadius,tBottomRightRadius: 依次是左上,右上,左下,右下的圆角值,按自己需要设置!

⑦<padding>

left,top,right,bottm:依次是左上右下方向上的边距!

1.5 LayerDrawable

以<layer-list>作为根节点

• drawable:引用的位图资源,如果为空有一个Drawable类型的子节点
• left:层相对于容器的左边距
• right:层相对于容器的右边距
• top:层相对于容器的上边距
• bottom:层相对于容器的下边距
• id:层的id

1.6 StateListDrawable

• drawable:引用的Drawable位图,我们可以把他放到最前面,就表示组件的正常状态~
• state_focused:是否获得焦点
• state_window_focused:是否获得窗口焦点
• state_enabled:控件是否可用
• state_checkable:控件可否被勾选,eg:checkbox
• state_checked:控件是否被勾选
• state_selected:控件是否被选择,针对有滚轮的情况
• state_pressed:控件是否被按下
• state_active:控件是否处于活动状态,eg:slidingTab
• state_single:控件包含多个子控件时,确定是否只显示一个子控件
• state_first:控件包含多个子控件时,确定第一个子控件是否处于显示状态
• state_middle:控件包含多个子控件时,确定中间一个子控件是否处于显示状态
• state_last:控件包含多个子控件时,确定最后一个子控件是否处于显示状态
   

2.1 Paint(画笔):   https://www.runoob.com/w3cnote/android-tutorial-drawable-tool.html

就是画笔,用于设置绘制风格,如:线宽(笔触粗细),颜色,透明度和填充风格等 直接使用无参构造方法就可以创建Paint实例: Paint paint = new Paint( );

我们可以通过下述方法来设置Paint(画笔)的相关属性,另外,关于这个属性有两种, 图形绘制相关与文本绘制相关:

• 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
• 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)： 设置图形重叠时的处理方式，如合并，取交集或并集，经常用来制作橡皮的擦除效果
• 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)： 设置带有删除线的效果
• setStrokeJoin(Paint.Join join)： 设置结合处的样子，Miter:结合处为锐角， Round:结合处为圆弧：BEVEL：结合处为直线
• setStrokeMiter(float miter)：设置画笔倾斜度
• setStrokeCap (Paint.Cap cap)：设置转弯处的风格 其他常用方法：
• float ascent( )：测量baseline之上至字符最高处的距离 
• float descent()：baseline之下至字符最低处的距离
• int breakText(char[] text, int index, int count, float maxWidth, float[] measuredWidth)： 检测一行显示多少文字
• clearShadowLayer( )：清除阴影层 其他的自行查阅文档~

2.2 Canvas(画布)

首先是构造方法，Canvas的构造方法有两种：

Canvas(): 创建一个空的画布，可以使用setBitmap()方法来设置绘制具体的画布。

Canvas(Bitmap bitmap): 以bitmap对象创建一个画布，将内容都绘制在bitmap上，因此bitmap不得为null。

接着是 1.drawXXX()方法族：以一定的坐标值在当前画图区域画图，另外图层会叠加， 即后面绘画的图层会覆盖前面绘画的图层。 比如：

• drawRect(RectF rect, Paint paint) ：绘制区域，参数一为RectF一个区域
• drawPath(Path path, Paint paint) ：绘制一个路径，参数一为Path路径对象
• drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint) ： 贴图，参数一就是我们常规的Bitmap对象，参数二是源区域(这里是bitmap)， 参数三是目标区域(应该在canvas的位置和大小)，参数四是Paint画刷对象， 因为用到了缩放和拉伸的可能，当原始Rect不等于目标Rect时性能将会有大幅损失。
• drawLine(float startX, float startY, float stopX, float stopY, Paintpaint) ： 画线，参数一起始点的x轴位置，参数二起始点的y轴位置，参数三终点的x轴水平位置， 参数四y轴垂直位置，最后一个参数为Paint 画刷对象。
• drawPoint(float x, float y, Paint paint)： 画点，参数一水平x轴，参数二垂直y轴，第三个参数为Paint对象。
• drawText(String text, float x, floaty, Paint paint) ： 渲染文本，Canvas类除了上面的还可以描绘文字，参数一是String类型的文本， 参数二x轴，参数三y轴，参数四是Paint对象。
• drawOval(RectF oval, Paint paint)：画椭圆，参数一是扫描区域，参数二为paint对象；
• drawCircle(float cx, float cy, float radius,Paint paint)： 绘制圆，参数一是中心点的x轴，参数二是中心点的y轴，参数三是半径，参数四是paint对象；
• drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)： 画弧，参数一是RectF对象，一个矩形区域椭圆形的界限用于定义在形状、大小、电弧，参数二是起始角 (度)在电弧的开始，参数三扫描角(度)开始顺时针测量的，参数四是如果这是真的话,包括椭圆中心的电 弧,并关闭它,如果它是假这将是一个弧线,参数五是Paint对象；

2.clipXXX()方法族:在当前的画图区域裁剪(clip)出一个新的画图区域，这个画图区域就是canvas 对象的当前画图区域了。比如：clipRect(new Rect())，那么该矩形区域就是canvas的当前画图区域

3.save()和restore()方法： save( )：用来保存Canvas的状态。save之后，可以调用Canvas的平移、放缩、旋转、错切、裁剪等操作！ restore（）：用来恢复Canvas之前保存的状态。防止save后对Canvas执行的操作对后续的绘制有影响。 save()和restore()要配对使用(restore可以比save少,但不能多)，若restore调用次数比save多,会报错！

4.translate(float dx, float dy)： 平移，将画布的坐标原点向左右方向移动x，向上下方向移动y.canvas的默认位置是在（0,0）

5.scale(float sx, float sy)：扩大，x为水平方向的放大倍数，y为竖直方向的放大倍数

6.rotate(float degrees)：旋转，angle指旋转的角度，顺时针旋转

2.3 Path(路径)

简单点说就是描点，连线~在创建好我们的Path路径后，可以调用Canvas的drawPath(path,paint) 将图形绘制出来~常用方法如下：

• addArc(RectF oval, float startAngle, float sweepAngle：为路径添加一个多边形
• addCircle(float x, float y, float radius, Path.Direction dir)：给path添加圆圈
• addOval(RectF oval, Path.Direction dir)：添加椭圆形
• addRect(RectF rect, Path.Direction dir)：添加一个区域
• addRoundRect(RectF rect, float[] radii, Path.Direction dir)：添加一个圆角区域
• isEmpty()：判断路径是否为空
• transform(Matrix matrix)：应用矩阵变换
• transform(Matrix matrix, Path dst)：应用矩阵变换并将结果放到新的路径中，即第二个参数。

更高级的效果可以使用PathEffect类！

几个To：

• moveTo(float x, float y)：不会进行绘制，只用于移动移动画笔
• lineTo(float x, float y)：用于直线绘制，默认从(0，0)开始绘制，用moveTo移动！ 比如 mPath.lineTo(300, 300); canvas.drawPath(mPath, mPaint);
• quadTo(float x1, float y1, float x2, float y2)： 用于绘制圆滑曲线，即贝塞尔曲线，同样可以结合moveTo使用！
• rCubicTo(float x1, float y1, float x2, float y2, float x3, float y3) 同样是用来实现贝塞尔曲线的。 (x1,y1) 为控制点，(x2,y2)为控制点，(x3,y3) 为结束点。 Same as cubicTo, but the coordinates are considered relative to the current point on this contour.就是多一个控制点而已~ 绘制上述的曲线： mPath.moveTo(100, 500); mPath.cubicTo(100, 500, 300, 100, 600, 500); 如果不加上面的那个moveTo的话：则以(0,0)为起点，(100,500)和(300,100)为控制点绘制贝塞尔曲线
• arcTo(RectF oval, float startAngle, float sweepAngle)： 绘制弧线（实际是截取圆或椭圆的一部分）ovalRectF为椭圆的矩形，startAngle 为开始角度， sweepAngle 为结束角度。

2.4 ColorFilter、 PathEffect

2.5 Shader

https://www.runoob.com/w3cnote/android-tutorial-shader.html

2.6 创建字体

1、你想让你APP 里的文字可以用这种字体，首先准备好我们的TTF文件，然后丢到assets/font/目录下 然后创建对应对象，关键代码如下：

Typeface typeFace =Typeface.createFromAsset(getAssets(),"font/MONACO.ttf");

2、font文件创建font-family

2.7 Canvas API

2.7.1 画布方法

2.7.2 剪切方法

2.8 动画

https://www.runoob.com/w3cnote/android-tutorial-alphaanimation.html

Android中的动画 分为三大类，逐帧动画(Frame)以及补间动画(Tween)，还有Android 3.0以后引入的属性动画 (Property)

2.8.1 逐帧动画(Frame)

drawable创建animation-list，动画帧播放；

2.8.2 补间动画(Tween)

淡入淡出、缩放、平移、旋转四种

• 补间动画开发者只需指定动画开始，以及动画结束"关键帧"， 而动画变化的"中间帧"则由系统计算并补齐
• Andoird所支持的补间动画效果有如下这五种，或者说四种吧，第五种是前面几种的组合而已~

• AlphaAnimation：透明度渐变效果，创建时许指定开始以及结束透明度，还有动画的持续 时间，透明度的变化范围(0,1)，0是完全透明，1是完全不透明；对应<alpha/>标签！
• ScaleAnimation：缩放渐变效果，创建时需指定开始以及结束的缩放比，以及缩放参考点， 还有动画的持续时间；对应<scale/>标签！
• TranslateAnimation：位移渐变效果，创建时指定起始以及结束位置，并指定动画的持续 时间即可；对应<translate/>标签！
• RotateAnimation：旋转渐变效果，创建时指定动画起始以及结束的旋转角度，以及动画 持续时间和旋转的轴心；对应<rotate/>标签
• AnimationSet：组合渐变，就是前面多种渐变的组合，对应<set/>标签

用来控制动画的变化速度，可以理解成动画渲染器，当然我们也可以自己实现Interpolator 接口，自行来控制动画的变化速度，而Android中已经为我们提供了五个可供选择的实现类：

• LinearInterpolator：动画以均匀的速度改变
• AccelerateInterpolator：在动画开始的地方改变速度较慢，然后开始加速
• AccelerateDecelerateInterpolator：在动画开始、结束的地方改变速度较慢，中间时加速
• CycleInterpolator：动画循环播放特定次数，变化速度按正弦曲线改变： Math.sin(2 * mCycles * Math.PI * input)
• DecelerateInterpolator：在动画开始的地方改变速度较快，然后开始减速
• AnticipateInterpolator：反向，先向相反方向改变一段再加速播放
• AnticipateOvershootInterpolator：开始的时候向后然后向前甩一定值后返回最后的值
• BounceInterpolator： 跳跃，快到目的值时值会跳跃，如目的值100，后面的值可能依次为85，77，70，80，90，100
• OvershottInterpolator：回弹，最后超出目的值然后缓慢改变到目的值

一般是在写动画xml文件时会用到，属性是：android:interpolator， 而上面对应的值是：@android:anim/linear_interpolator，其实就是驼峰命名法变下划线而已 AccelerateDecelerateInterpolator对应：@android:anim/accelerate_decelerate_interpolator！

2.8.2 属性动画

https://www.runoob.com/w3cnote/android-tutorial-valueanimator2.html

https://blog.csdn.net/guolin_blog/article/details/43536355