本文已参与「新人创作礼」活动,一起开启创作之路。
概念
Drawable表示一种可以在Canvas上进行绘制的抽象的概念,它有很多种,常见的如颜色和图片都可以是一个Drawable。
优点
- 首先,它的使用比较简Canvas单,在xml里已经定义了大量的属性方法,我们只要熟悉各个属性的ui效果和特点就可以自己组合各种的界面效果。
- 其次,它的实现成本比自定义View低,一些比较简单的、定制性、重复性的UI效果使用drawable将会缩小开发成本。但是一些比较复杂的ui场景,drawable却表现不出自定义view的那种效果。
- 相比较于图片而言,drawable占用空间更小,这样有利于缩小apk的体积。
表现形式
Drawable尽管对于应用程序通常不可见,但Drawable可以采用多种形式:
Bitmap:最简单的Drawable,一个PNG或JPEG图像。
Nine Patch:是对PNgithub是干什么的G格式的扩展允许它指定如何对其进行拉github直播平台永久回家伸和放置的信息
Vector:向量:在XML文件中定义github中文社区的可绘制的一组点,线和曲线以github直播平台永久回家及相关的颜色信息。 这种类型的绘图可以缩放而不会损失显示质量。
Shape:形状:包含简单的绘图命令而不是原始位图,允许在某些情况下调整更好。
Lagithub汤姆yers:图giti层:一github中文社区个可绘制的复合物,它在彼此顶部绘制多个底层可绘图。
States:状态,一个复合drawable,根据github开放私库其状态选择canvas平台一组drawable中的一个。
Levels:级别:一个复合drawagithub是干什么的ble,根据其级别从一组drawable中选择一个。
Scgiteeale:比例尺:一个可绘制的单个子组合可绘制的组合,其整体大小根据当前级别进行修改。
直接子类与非直接子类
xml解析流程
最终的inflateFromTag方法
@NonNull
@SuppressWarnings("deprecation")
private Drawable inflateFromTag(@NonNull String name) {
switch (name) {
case "selector":
return new StateListDrawable();
case "animated-selector":
return new AnimatedStateListDrawable();
case "level-list":
return new LevelListDrawable();
case "layer-list":
return new LayerDrawable();
case "transition":
return new TransitionDrawable();
case "ripple":
return new RippleDrawable();
case "adaptive-icon":
return new AdaptiveIconDrawable();
case "color":
return new ColorDrawable();
case "shape":
return new GradientDrawable();
case "vector":
return new VectorDrawable();
case "animated-vector":
return new AnimatedVectorDrawable();
case "scale":
return new ScaleDrawable();
case "clip":
return new ClipDrawable();
case "rotate":
return new RotateDrawable();
case "animated-rotate":
return new AnimatedRotateDrawable();
case "animation-list":
return new AnimationDrawable();
case "inset":
return new InsetDrawable();
case "bitmap":
return new BitmapDrawable();
case "nine-patch":
return new NinePatchDrawable();
case "animated-image":
return new AnimatedImageDrawable();
default:
return null;
}
}
真实案例
shape | count | radio |
---|---|---|
shape | 833 | 73% |
selector | 240 | 21% |
layer-listcanvas在线平面设计 | 50 | |
animateGitHubd-rotate | 7 | |
animation-list | 5 | |
vector | 3 | |
rotate | 2 | |
level-list | 1 |
我的项目里面,github中文官网网页统github计了drawablegithub开放私库文件的总数是1140, 其中最多的是shape,总数833,占比73%, 其次是selector,总数240,占比21%, 这两个加起来占比达到94%. 而这两种类型都是差别很小的,主要是背景颜色和圆角角度不同,导致了大量的文件的产生, 而且对于这类的文件命名也是很难统一,从而难以达到复用的效果,有时giti轮胎候找一个目标文件, 远远没有自己创建一个新的Drawable文件快,所以渐渐的会导致此类文件的爆炸式增长。 从而增大apk的体积。
通过xml解canvas析流程,我们可以发现canvas在线平面设计其中的奥妙,xml也只是根据具体的标签直接new出来对应的是类,canvas翻译然后再直接设置具体的参数, 如此一来,我们完全可以做到,自己创建具体的对象,然github直播平台永久回家后设置参数,这样就避免了xcanvas绘图ml解析这一步,
更好的实现方式 —代码
mViewBinding.lineDrawable.background = shapeDrawable(this) {
lineShape()
dash(10, 5)
strokeColor(Color.RED)
strokeWidth(2)
}
mViewBinding.stateListDrawable.background = selectorDrawable {
pressedDrawable {
shapeDrawable(this@MainActivity) {
solidColor(Color.BLUE)
radius(8)
}
}
defaultDrawable {
shapeDrawable(this@MainActivity) {
solidColor(Color.GRAY)
radius(8)
}
}
}
建议
具giti轮胎体的项目可以在封装一次,减少每次的创建条件设置,这样只需要传递具体的参数就可以canvas绘图,便gitlab于复用, 当然canvas,项目也Canvas封装了几个通用的方法。比如:
fun shapeDrawableColorInt(context: Context, @ColorInt colorInt: Int = Color.WHITE, radius: Int = 0) =
shapeDrawable(context) {
solidColor(colorInt)
radius(radius)
}
fun shapeDrawableColorRes(context: Context, @ColorRes colorRes: Int, radius: Int = 0) =
shapeDrawable(context) {
solidColorRes(colorRes)
radius(radius)
}
优点
比起xml方式可以提升性能:
- 避免xml解析流程
- 复用这些代码
- 比xml管理方便
引用方式
gicanvas在线平面设计tgithub汤姆hub地址
implementation 'io.github.weiggle:drawable:1.0.1'