自定义view总结

一个高级Android工程师除了要会使用Google原生的view,必须会根据实际项目的酷炫效果本身去写一些自定义view来解决问题,自定义view已经写了很多了,今天来给你们带来一些自定义view总结css

自定义view速查表

Canvas经常使用操做速查表

操做分类 相关API 备注
绘制颜色 drawColor, drawRGB, drawARGB 使用单一颜色填充整个画布
绘制基本形状 drawPoint, drawPoints, drawLine, drawLines, drawRect, drawRoundRect, drawOval, drawCircle, drawArc 依次为 点、线、矩形、圆角矩形、椭圆、圆、圆弧
绘制图片 drawBitmap, drawPicture 绘制位图和图片)
绘制文本 drawText, drawPosText, drawTextOnPath 依次为 绘制文字、绘制文字时指定每一个文字位置、根据路径绘制文字
绘制路径 drawPath 绘制路径,绘制贝塞尔曲线时也须要用到该函数
顶点操做 drawVertices, drawBitmapMesh 经过对顶点操做可使图像形变,drawVertices直接对画布做用、 drawBitmapMesh只对绘制的Bitmap做用
画布剪裁 clipPath, clipRect 设置画布的显示区域
画布快照 save, restore, saveLayerXxx, restoreToCount, getSaveCount 依次为 保存当前状态、 回滚到上一次保存的状态、 保存图层状态、 会滚到指定状态、 获取保存次数
画布变换 translate, scale, rotate, skew 依次为 位移、缩放、 旋转、错切
Matrix(矩阵) getMatrix, setMatrix, concat 实际画布的位移,缩放等操做的都是图像矩阵Matrix,只不过Matrix比较难以理解和使用,故封装了一些经常使用的方法。
操做类型 相关API 备注
基础方法 getDensity, getWidth, getHeight,getDrawFilter,isHardwareAccelerated(API 11),getMaximumBitmapWidth,getMaximumBitmapHeight,getDensity,quickReject,isOpaque,setBitmap,setDrawFilter 使用单一颜色填充画布
绘制颜色 drawColor, drawRGB, drawARGB,drawPaint 使用单一颜色填充画布
绘制基本形状 drawPoint, drawPoints, drawLine, drawLines, drawRect, drawRoundRect, drawOval, drawCircle, drawArc 依次为 点、线、矩形、圆角矩形、椭圆、圆、圆弧
绘制图片 drawBitmap, drawPicture 绘制位图和图片
绘制文本 drawText, drawPosText, drawTextOnPath 依次为 绘制文字、绘制文字时指定每一个文字位置、根据路径绘制文字
绘制路径 drawPath 绘制路径,绘制贝塞尔曲线时也须要用到该函数
顶点操做 drawVertices, drawBitmapMesh 经过对顶点操做可使图像形变,drawVertices直接对画布做用、 drawBitmapMesh只对绘制的Bitmap做用
画布剪裁 clipPath, clipRect, clipRegion,getClipBounds 画布剪裁相关方法
画布快照 save, restore, saveLayer, saveLayerXxx, restoreToCount, getSaveCount 依次为 保存当前状态、 回滚到上一次保存的状态、 保存图层状态、 回滚到指定状态、 获取保存次数
画布变换 translate, scale, rotate, skew 依次为 位移、缩放、 旋转、错切
Matrix(矩阵) getMatrix, setMatrix, concat 实际画布的位移,缩放等操做的都是图像矩阵Matrix,只不过Matrix比较难以理解和使用,故封装了一些经常使用的方法。

Path经常使用操做速查表

API21以上,很不爽,得吐槽html

做用 相关API 备注
移动起点 moveTo 移动下一次操做的起点位置
设置终点 setLastPoint 重置当前path中最后一个点位置,若是在绘制以前调用,效果和moveTo相同
链接直线 lineTo 添加上一个点到当前点之间的直线到Path
闭合路径 close 链接第一个点链接到最后一个点,造成一个闭合区域
添加内容 addRect, addRoundRect, addOval, addCircle, addPath, addArc, arcTo 添加(矩形, 圆角矩形, 椭圆, 圆, 路径, 圆弧) 到当前Path (注意addArc和arcTo的区别)
是否为空 isEmpty 判断Path是否为空
是否为矩形 isRect 判断path是不是一个矩形
替换路径 set 用新的路径替换到当前路径全部内容
偏移路径 offset 对当前路径以前的操做进行偏移(不会影响以后的操做)
贝塞尔曲线 quadTo, cubicTo 分别为二次和三次贝塞尔曲线的方法
rXxx方法 rMoveTo, rLineTo, rQuadTo, rCubicTo 不带r的方法是基于原点的坐标系(偏移量), rXxx方法是基于当前点坐标系(偏移量)
填充模式 setFillType, getFillType, isInverseFillType, toggleInverseFillType 设置,获取,判断和切换填充模式
提示方法 incReserve 提示Path还有多少个点等待加入(这个方法貌似会让Path优化存储结构)
布尔操做(API19) op 对两个Path进行布尔运算(即取交集、并集等操做)
计算边界 computeBounds 计算Path的边界
重置路径 reset, rewind 清除Path中的内容
reset不保留内部数据结构,但会保留FillType.
rewind会保留内部的数据结构,但不保留FillType
矩阵操做 transform 矩阵变换

Matrix经常使用操做速查表

方法类别 相关API 备注
基本方法 equals hashCode toString toShortString 比较、 获取哈希值、 转换为字符串
数值操做 set reset setValues getValues 设置、 重置、 设置数值、 获取数值
数值计算 mapPoints mapRadius mapRect mapVectors 计算变换后的数值
设置(set) setConcat setRotate setScale setSkew setTranslate 设置变换
前乘(pre) preConcat preRotate preScale preSkew preTranslate 前乘变换
后乘(post) postConcat postRotate postScale postSkew postTranslate 后乘变换
特殊方法 setPolyToPoly setRectToRect rectStaysRect setSinCos 一些特殊操做
矩阵相关 invert isAffine(API21) isIdentity 求逆矩阵、 是否为仿射矩阵、 是否为单位矩阵 ...

贝塞尔曲线经常使用操做速查表

表格中演示动画均来自维基百科android

贝塞尔曲线 对应的方法 演示动画
一阶曲线
(线性曲线)
lineTo
二阶曲线 quadTo
三阶曲线 cubicTo
四阶曲线

自定义view进阶参考资料

绘制机制

先好好的理解一下绘制流程 公共技术点之 View 绘制流程git

GcsSloop---自定义View系列自定义

爱哥的---自定义View其实很简单

刘某人程序员---Android绘图机制

Carson_Ho

事件传递机制

仍是先来理解事件传递机制公共技术点之 View 事件传递程序员

属性动画

把动画基础了解好来,差很少就出师了公共技术点之 Android 动画基础github

自定义view简短篇

教你步步为营掌握自定义View
自定义View,有这一篇就够了canvas

自定义view开源项目练习

  1. NumberProgressBar(代码家)
    这个项目能够熟练掌握如何控制view在界面中的位子数据结构

  2. SmallChart
    项目包括折线图、曲线图(可填充)、柱状图、扇形图、雷达图的绘制,让你熟练使用draw()相关类。 框架

  3. CircleImageView
    一个圆形的ImageView ide

  4. PhotoView
    对ImageView支持各类手势操做,缩放、移动、旋转...熟练掌握手势操做。

  5. AndroidSwipeLayout
    综合

  6. MPAndroidChart
    MPAndroidChart是一款基于Android的开源图表库,MPAndroidChart不只能够在android设备上绘制各类统计图表,并且能够对图表进行拖动和缩放操做,应用起来很是灵活。MPAndroidChart一样拥有经常使用的图表类型:线型图、饼图、柱状图和散点图。

  7. Side-Menu.Android
    分类侧滑菜单,吊炸天的效果

  8. WilliamChart
    绘制图表的库,支持LineChartView、BarChartView和StackBarChartView三中图表类型

  9. circular-progress-button
    带进度显示的Button,让操做更炫酷

  10. Context-Menu.Android
    能够方便快速集成漂亮带有动画效果的上下文菜单

  11. ToggleButton
    状态切换的 Button,相似 iOS,用 View 实现

  12. InstaMaterial
    Instagram的一组Material 风格的概念设计

  13. sweet-alert-dialog
    一个带动画效果的自定义对话框样式

  14. 刷新控件集合 适合好好coding一遍
    把这些coding好了,作一个本身专属的刷新控件指日可待

    以上开源项目选择不一样类型的撸一个,有空撸个遍,之后以为是自定义view的大神

建议

参考写如今很火的开源项目的自定义view时,先看看他的效果,而后再本身动脑动手去写,每个问题都有多种解决方案,开源出来的并不必定是最好的,用本身的思路去写再和别人开源的作对比,取长补短,而后在自定义view这块的造诣将会更深。

简单来讲:看效果--->动脑动手写--->对比取长补短

我的博客

github

相关文章
相关标签/搜索