说来话长，这一切都得从PhotoShop中的钢笔工具开始说起... 声明：本文不含复杂数学公式，学渣放心阅读吧😂(我仿佛看到了学渣们留下了激动的泪水) 背景 贝塞尔曲线(Bézier curve)是应用于二维图形应用程序的数学曲线，贝塞尔曲线基于多个点构成。它的应用非常广泛，…

一个很好玩的 iOS 动画，有兴趣的同学可以用 Android 实现一下

今天下班的路上，路过彩票店看到上面滚动的广告""读书不一定能改变命运，买彩票可以",想想自己大学毕业苦逼的样子,感觉挺有道理的。就进去买了一注，看到墙上的号码的走势图，技术病又犯了，想着它是怎么搞定的。错过了改变命运的机会。

最近兴趣所致，想看看股票App中的K线是怎么画的，了解到画K线有好几种方案。本来一开始考虑到用Core Graphics重绘来绘制，但发现网上很多的解决方案都是用了CAShapeLayer来实现，比较少采用CG来重绘实现。故因此对这两种方案的实现区别探究一下。 这种方式是最粗暴…

设定按钮宽度时，多给出一段宽度，在用Masonary布局时让右边超出父视图，再慢慢调数值，让文字接近居中。 方法很笨，但是还算是实现了图片的效果（笑）。 但是往后出现的一些类似于tableView的紧密相连的cell的第一个cell左上和右上为圆角的需求，总不能再这样“投机”了…

1.逻辑将4条虚线连接起来，绘制一个虚线框这里使用的是CGContextRef2.要点虚线，起点到终点画线，如下然后将上下左右4个点连接起来，如效果图：3.主要代码（画线方法在UIView里实现）4.

随着进入大数据时代，数据越来越多，可视化能将数据以更加直观的方式展现出来，使数据更加客观、更具说服力，从而助用户理解和分析数据。今天我们来看看用 Swift 来画一个折线图的可视化图表。

最近碰到一个需求，需要画一个仪表盘的页面。图上所示。 圆弧部分还好，用CAShapeLayer+UIBezierPath曲线，只要确定好圆心部分和左右两边的角度就行。这里正好说明一下 这个接口startAngle、endAngle和clockwise的关系，之前一直记不太清。 …

CoreAnimation 剖析CALayer CAShapeLayer CAReplicatorLayer CAEmitterLayer Lottie助力程序员解放双手 跨平台动画效果方案