- Android&Java 技术笔记

Canvas & Drawables

绘制4个基本元素
- Bitmap：保存每个像素的数据
- Canvas：提供draw*** API，通过draw系列函数（绘制线、矩形、圆、椭圆等），把绘制结果写入到bitmap对象中
- Drawing primitive：Rect, Path, text, Bitmap...
- Paint：画笔，描述绘制内容的属性（颜色、样式）
两种用法
- 绘制到View，只需要在View子类的onDraw方法中绘制即可，onDraw函数会传入一个Canvas对象，使用其进行绘制即可，由framework负责绘制流程；适用于静态自定义图形、简单动态图形；
- 绘制到Canvas，绘制原语一样，但是最后需要显示的时候，要通过View/Surface来进行显示；适合复杂的动态图形绘制，例如视频游戏；
绘制到View
- 适用于静态、低帧率、简单动态图形的绘制，重写View的onDraw方法即可
- 使用参数传入的Canvas对象，由framework负责调用onDraw函数
- 通过invalidate函数请求重绘
- onDraw、invalidate都需要在主线程执行，其他线程可以通过postInvalidate请求重绘
绘制到Canvas
- Canvas记录（执行）draw操作，将操作记录到Bitmap上，最后将Bitmap显示在Surface上
绘制到SurfaceView
- SurfaceView是View的子类，支持他线程绘制，主线程不同步等待其绘制，不需要保证60 fps
Drawable
- 2D图形的高度抽象，有一系列的子类

Drawable Resources

BitmapDrawable，用图片（.png, .jpg, or .gif）创建drawable，xml定义为：

  <bitmap
          android:src="@mipmap/ic_launcher"
          android:gravity="top"
          />

NinePatchDrawable，点9图（.9.png），可以在两个方向上拉伸而不会变形
LayerDrawable，通过xml定义<layer-list>，里面定义多个<item>来定义多层的drawable
StateListDrawable，通过xml定义<selector>，里面定义多个<item>来定义具有不同状态的drawable，实现按钮点击态/激活态的常用方法

LevelListDrawable，通过xml定义<level-list>，里面有多个<item>来实现类似于wifi信号强度这样的drawable，例子：

  <level-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:maxLevel="0" android:drawable="@drawable/ic_wifi_signal_1" />
    <item android:maxLevel="1" android:drawable="@drawable/ic_wifi_signal_2" />
    <item android:maxLevel="2" android:drawable="@drawable/ic_wifi_signal_3" />
    <item android:maxLevel="3" android:drawable="@drawable/ic_wifi_signal_4" />
  </level-list>

ImageView有setImageLevel(int)方法，可以设置显示哪个强度

TransitionDrawable，通过xml定义<transition>，里面有多个<item>，类似于<layer-list>，但是支持不同layer之间的淡入淡出，通过TransitionDrawable的startTransition(int)、resetTransition()来显示某一层
InsetDrawable，把它设置为一个View的背景时，可以与View的背景区域小于其bound，但是应用场景呢？
ClipDrawable，把源drawable裁剪后显示，可以通过随时间改变裁剪区域来做出图片逐渐展开的效果
ScaleDrawable，把源drawable缩放后显示，类似还有RotateDrawable，GradientDrawable
ShapeDrawable，定义基本几何类型

AndroidFillableLoaders

PNG可以导出为SVG
通过SVGParser，可以将SVG指令转化为Path的指令，并将其绘制到Path对象中
DashPathEffect可以达到绘制加速边缘的效果
填满的动画思路类似于WashingMachineView