方法三PorterDuff层层绘制法.PPTVIP

谢谢观看 QA zhucai@ 怎么做牛逼的动画 朱才 动画 根据一个变化量（比如时间、手指移动距离）进行相应的界面改变（比如移动、旋转、透明度变化等）。 在View级别做动画，方便。 在绘图级别做动画，可以有更多动画能力。 可通过得到View内容的Bitmap，对现有View做绘图级的动画。 绘图级别动画示例： ValueAnimator animator = ValueAnimator.ofFloat(1f, 0f); animator.start(); invalidate(); ... protected void onDraw(Canvas canvas) { if (animator.isRunning()) { float value = (Float)animator.getAnimatedValue(); canvas.rotate(value*360); canvas.drawBitmap(bitmap, 0, 0, null); invalidate(); } ... } Android图形API Canvas.draw* Point/s Line/s Rect, RoundRect, Circle, Oval, Arc, Path Text Bitmap, BitmapMesh Color, Paint Android图形API drawBitmapMesh：建立网格模型，可以扭曲图片。 可以做果冻效果、阿拉丁神灯(mac打开任务栏程序)等图片扭曲的动画。 Android图形API alpha通道的作用。PorterDuff.Mode。(Paint.setXfermode、ComposeShader)默认是SRC_OVER。 上层使用的主要用途：用矢量图或Bitmap擦除现有内容；只对有内容或无内容的部分绘制。 Android图形API 填充色：setColor or setShader (设置Shader后，Color的alpha仍会生效，RGB无效) BitmapShader, LinearGradient, RadialGradient, SweepGradient, ComposeShader BitmapShader比直接drawBitmap多哪些能力： 1. Tile控制：重复、镜面重复。 2. 绘制各种形状下的图片，drawBitmap只限于矩形。 3. 配合ComposeShader，可和其他Shader一起用PorterDuff模式混合。(比如做渐变倒影) Android图形API 整体的颜色处理： setColorFilter：LightingColorFilter, PorterDuffColorFilter, ColorMatrixColorFilter ColorMatrix： R = a*R + b*G + c*B + d*A + e; G = f*R + g*G + h*B + i*A + j; B = k*R + l*G + m*B + n*A + o; A = p*R + q*G + r*B + s*A + t; 可用来改变色相、饱和度、亮度等。 ColorMatrix的详细介绍及在线实验：/devnet-archive/flash/articles/matrix_transformations_04.html Android图形API 样例 圆形进度 样例 圆形进度 分析 不变的部分可以直接画Bitmap，关键点是根据进度变化的那个环形怎么画出来。 样例 圆形进度 方法一：多图法。 制作足够多的图片文件，比如100张，序号为1的为1%的进度图。 当要显示百分之几的时候就读取并绘制哪张图。 伪代码： void drawFrame(Canvas canvas, float ratio) { 根据ratio读取对应图片； canvas.draw读取出的图片； } 样例 圆形进度 方法二：逐像素改图法。 基于方法一，但只制作100%时的圆环图片。 当要显示百分之几的时候，在内存里修改这个图的拷贝，使其只包含需要的部分。然后绘制它。 关键部分伪代码： int[] pixels; bitmap.getPixels(pixels...); for循环 (遍历每个像素点) { 根据像素点位置决定像素是否保留，不该显示的则:pixels[i]=0; } drawBitmap(pixels,...); 备注：可以不用int[]而改用Bitmap，用setPixel修改每一个像素，但这样setPixel方法调用会成为性能瓶颈。 样例 圆形进度