Piasy · 更新于 2018-11-28 11:00:42

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