让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )

一、需求分析 和 核心要点 说明1、需求说明2、核心要点 - 拖动和缩放相关的变量3、核心要点 - Canvas 绘图函数4、核心要点 - 手势识别 多点触控流程5、核心要点 - 拖动图片6、核心要点 - 缩放图片二、完整代码示例1、环境说明2、SurfaceView 完整代码3、运行结果

一、使用 德卡斯特里奥算法 公式计算的 方法绘制三阶贝塞尔曲线、二、代码示例

一、贝塞尔曲线递归算法、二、贝塞尔曲线递归算法实现

一、德卡斯特里奥算法、二、贝塞尔曲线递推公式、

一、使用 Path 提供的 cubicTo 方法绘制三阶贝塞尔曲线、二、代码示例 | 绘制效果

一、贝塞尔曲线关键点坐标记录、二、二阶贝塞尔曲线示例、三、代码示例

一、二阶贝塞尔曲线公式、二、三阶贝塞尔曲线、三、高阶贝塞尔曲线、

一、一阶贝塞尔曲线、二、二阶贝塞尔曲线

一、Canvas 绘图坐标系平移实例、二、代码示例

一、Canvas 绘图坐标系 2x2 矩阵、二、Canvas 绘图坐标系 3x3 操作矩阵

一、Canvas 绘制显示区域、二、Canvas 绘制矩形源码分析

一、Canvas 绘图源码分析、二、ViewRootImpl#draw 方法源码、三、ViewRootImpl#drawSoftware 方法源码、

一、Canvas 绘图坐标系变换示例

一、Canvas 自身坐标系、二、Canvas 绘图坐标系、

一、Canvas#saveLayer() 新建图层、二、Canvas 状态栈保存信息标志位

Canvas 状态栈出栈到指定层级

一、Canvas 状态栈入栈与出栈、二、获取 Canvas 状态栈容量、三、Canvas 状态栈原点数据、

一、绘制圆角矩形进度条、二、像素值转化 dp -> px、三、Paint 标志位设置、四、Paint 画笔线帽样式设置、五、Paint 画笔线段连接处样式设置、

一、PathMeasure#getSegment 函数、二、代码示例、三、执行效果

一、根据切点计算曲线运动的朝向、1、getPosTan 函数 ★、2、根据切点计算曲线运动的朝向、二、代码示例、三、运行效果、

一、使用 PathMeasure 绘制沿曲线运动的小球、二、代码示例、三、运行效果

一、PathMeasure API 简介、1、nextContour 函数、2、getPosTan 函数 ★、

一、PathMeasure API 简介、1、无参构造函数、2、带参构造函数、3、getLength 函数

一、ComposeShader 组合渲染、二、ComposeShader 组合渲染代码示例

一、RadialGradient 环形渐变渲染、1、设置多个渐变颜色的构造函数、2、设置两个渐变颜色的构造函数、二、完整代码示例、1、设置多个渐变颜色的构造函数、2、设置两个渐变颜色的构造函数、三、效果展示

一、SweepGradient 梯度渐变渲染、1、设置多个渐变颜色的构造函数、2、设置两个渐变颜色的构造函数、二、完整代码示例、1、设置多个渐变颜色的构造函数、2、设置两个渐变颜色的构造函数、三、效果展示

一、LinearGradient 线性渐变渲染、1、设置 2 个颜色的渐变、3、设置多个颜色的渐变、二、LinearGradient 线性渐变渲染重要参数分析、1、正常渲染、2、设置多个渐变颜色渲染、3、设置渲染方向、4、设置 Shader.TileMode.MIRROR 渲染模式、5、设置 Shader.TileMode.REPEAT 渲染模式、三、代码示例

I . View 坐标体系总结II . View 组件的 left , top , right , bottom 父容器相对位置III . View 组件的 x , y , translationX , translationY 属性IV . View 组件 窗口坐标 属性V . View 组件 屏幕坐标 属性VI . View 组件的触摸位置 属性VII . View 坐标获取 0 的解决方案

组件刷新所在线程性能 资源 操作主动更新与被动更新View , SurfaceView , GLSurfaceView

文章目录一. Activity 启动流程1.(1)一. Activity 启动流程1.(1)

I . 多点触控事件II . PointerId 与 PointerIndex 简介III . 本次 PointerId 与 PointerIndex 获取IV . PointerId 与 PointerIndex 互相转化V . 触摸点个数获取 ( getPointerCount )VI . 触摸点坐标获取VII . 多点触控 示例代码 ( 参考 )

一定要确定两个概念 , 下图 红色矩形框 的区域 是 绘图区域 , 下图 蓝色矩形框的区域 是文本区域 ;绘图区域 不等于 文本区域 , 文本一定在绘图区域中 , 但是具体在哪 , 不确定 , 可能在中心 , 可能在下方 , 可能在右上角 , 这是根据文本的特性确定的 , 如有的文本时 abcd 类型的 , 下方没有超出基线 , 有的文本属于 jqpy 类型的 , 下方超出基线了 , 还有可能有特殊符号如度数符号 , 百分号等 , 造成了真实文本与绘图区域的差异 ;绘图区域 与 真实文本区域 的差异

一、文本边界坐标解析、二、绘图位置、

I . 文字尺寸测量II . 基线绘制

图形文件准备 ( PNG 文件 )PNG 文件信息分类数据块结构IHDR 数据块 简介IHDR 数据块 结构

Paint 滤镜简单流程Paint 滤镜详细流程红色通道翻倍红色通道增加30底片效果底片效果黑白照片效果复古效果美颜效果

颜色模式颜色通道Android 中的颜色矩阵矩阵乘法运算滤镜中的矩阵乘法运算矩阵加法运算滤镜中的矩阵乘法运算滤镜运算原理 ( 总结 )实际滤镜理论示例

图形组合 集合描述Xfermod 简介PorterDuff 由来Xfermod 合成模式分类

文章目录1. 位图渲染 BitmapShader 简介( 1 ) 位图渲染综述 ( ① 三种方式 : Shader.TileMode.CLAMP | Shader.TileMode.REPEAT | Shader.TileMode.MIRROR | ② 流程 : 创建 Shader | 设置 Shader 到 Paint | 打开抗锯齿 | 绘制矩形 )2. 位图渲染 BitmapShader...

Xfermod 使用步骤合成方程 ( Compositing equations )老版本的表示方法合成模式 相关 区域