最新 最热

[-Flutter 自组篇-] 蛛网图+绘制+动画实践

在Android的时候自定义过蛛网图,花了半天时间。复刻到Flutter只用了不到20分钟 不得不说Flutter中的Canvas对安卓玩家还是非常友好的,越来越觉得Flutter非常有趣。 在视...

2020-10-16
1

Android实现底部带刻度的进度条样式

由于公司需要一个带刻度的进度条样式,网上找了一圈,有些是加个刻度的背景图片,这样对于我的项目来说,不合适,因为刻度需要动态去改变,所以换背景图片的方案肯定是不行的,唯一的办法就是自己绘制一个进度条,进度条的绘制相对来...

2020-10-16
1

[-Flutter 自组篇-] 圆形进度条

今天写个简单的,自定义一个圆形进度条,并且加上小箭头指向内圈进度。 进度条已上传到公网,使用circle_progress: ^0.0.1,使用如下 void main() => runApp(

2020-10-16
1

如何使用Flutter实现58同城中的加载动画详解

在应用中执行耗时操作时,为了避免界面长时间等待造成假死的现象,往往会添加一个加载中的动画来提醒用户,在58同城中也不例外,而且我们并没有使用系统默认的加载动画,而是制作了一个具有58特色的加载动画。...

2020-10-16
1

Canvas 进阶(五)实现图片滤镜效果

之前看过一篇写关于图片滤镜的文章,蛮有兴趣,因此作出了这个小 DEMO,可以切换多种图片滤镜并提供图片下载功能。

2020-10-16
1

Android UI绘制流程及原理详解

重写过onMeasure()方法都知道,测量需要用到MeasureSpec类获取View的测量模式和大小,那么这个类是怎样存储这两个信息呢?

2020-10-16
1

小程序Canvas实践指南

导语 总结在小程序canvas开发实践中遇到的一些问题和解决方法。 1. 什么是 Canvas? 在 MDN 是这样定义 canvas 的: canvas 是 HTML5 新增的元素,可用于通过使用 JavaScript 中的脚本来绘制图形。例如,它可以用于绘制图形...

2020-10-14
1

Canvas圆形时钟

今天带来一个圆形时钟,用JQ编写的Canvas 代码。Canvas 的神奇之处就在于,可以自行绘制图片不需要外部引入,当你深入了解这项技术的时候,你也会忍不住赞叹他的神奇之处。...

2020-10-13
1

Canvas基础教程(章节3)

贝塞尔曲线(Bézier curve),又称贝兹曲线或贝济埃曲线, 是应用于二维图形应用程序的数学曲线。   一般的矢量图形软件通过它来精确画出曲线,贝兹曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋,我们在绘图工...

2020-10-10
1

Canvas基础教程(章节2)

< canvas>会创建一个固定大小的画布,会公开一个或多个 渲染上下文(画笔),使用 渲染上下文来绘制和处理要展示的内容。   我们重点研究 2D渲染上下文。其他的上下文我们暂不研究,比如, WebGL使用了基于OpenGL ES的3D上下...

2020-10-10
1