才没有完结呢o( ̄︶ ̄)n 。大家好,这里是番外篇。
拜读了爱哥的博客,又学到不少东西。爱哥曾经说过: 要站在巨人的丁丁上。 那么今天,我们就站在爱哥的丁丁上来学习制作一款自定义view(开个玩笑,爱哥看到别打我)。
在开始之前,首先来说说预备知识,这些知识在爱哥的博客上都有详细的介绍:点我进入爱哥自定义view系列
预备的知识有:
1.贝塞尔曲线 如果你不了...
分类:
移动开发 时间:
2016-01-18 12:20:10
阅读次数:
240
上一篇介绍了贝塞尔曲线的简单应用 仿360内存清理效果
这一篇带来一个 两条贝塞尔曲线的应用 : 仿qq未读消息去除效果。
老规矩,先上效果图:
qq的未读消息去除很炫酷,其实就是用了两条贝塞尔曲线,我们按思路来,先来画两个圆,及两条贝塞尔曲线,辅助点为圆心y坐标的一半。我们把下面移动的圆,叫做mMoveCircle.
这样...
分三部分实现,在drawrect方法里画出灰色背景,根据pageCount创建对应个数的dotView放置在对应位置,并隐藏,创建一个CAShapeView类型的layer,根据scrollView的偏移量 构建贝塞尔曲线,画出红色线条,以及形变的大圆。大圆的形变以及构建思路:(图引用自:http:...
分类:
其他好文 时间:
2016-01-12 13:32:15
阅读次数:
200
本篇是接自 手把手带你做自定义view系列
宗旨都是一样,带大家一起来研究自定义view的实现,与其不同的是本系列省去了简单的坐标之类的讲解,重点在实现思路,用简洁明了的文章,来与大家一同一步步学习。
上一篇介绍了神奇的贝塞尔曲线,这篇就来研究其应用。 我自己的学习方法是:
学习了贝塞尔曲线之后,去研究他的规律,然后开始联想有没有见过类似的效果,最后自己去研究实现,在没有遇...
具体使用的CADisplayLink和贝塞尔曲线效果://// DisplayView.m// CustomAnimation//// Created by LV on 16/1/6.// Copyright © 2016年 Wieye. All rights reserved.//#imp...
分类:
移动开发 时间:
2016-01-06 20:00:11
阅读次数:
215
首先了解一下CGContextRef:An opaque type that represents a Quartz 2D drawing environment.Graphics Context是图形上下文,可以将其理解为一块画布,我们可以在上面进行绘画操作,绘制完成后,将画布放到我们的view中...
分类:
移动开发 时间:
2016-01-06 17:53:46
阅读次数:
217
用 CAShapeLayer 可以根据传入的的贝塞尔曲线UIBezierPath *path , 创建出需要的进度条形状。然后只要 实时的设置CAShapeLayer的strokeEnd属性,就可以更新进度条的进度。部分代码:/** 进度条 和 背景 */- (CAShapeLayer *)crea...
分类:
其他好文 时间:
2015-12-31 19:20:46
阅读次数:
145
NURBS贝塞尔曲线的缺点是当我们增加很多控制点的时候,曲线变得不可控,其连续性会变差差。如果控制点很多(高阶曲线),当我们调整一个控制点的位置,对 整个曲线的影响是很大的。要获得更高级的控制,可以使用GLU库提供的NURBS(非均匀有理B样条)。通过这些函数我们可以在求值器中调整控制点的影响 力,...
分类:
其他好文 时间:
2015-12-30 17:06:45
阅读次数:
313
1。CAShapeLayer继承至CALayer 可以使用CALayer的属性值2。CAShapeLayer需要与贝塞尔曲线配合使用才有意思3.CAShapeLayer与贝塞尔曲线可以实现不在view的drawRect方法中画出一些想要的图形4。CAShapeLayer属于CoreAnimation...
分类:
其他好文 时间:
2015-12-28 10:34:02
阅读次数:
133
//画贝塞尔曲线 CGContextSetLineWidth(ctx, 3); CGContextMoveToPoint(ctx, 120, 220);//开始的点//CGContextAddQuadCurveToPoint(ctx, 切点X, 切点Y, 结束X, 结束Y); CGContext.....
分类:
其他好文 时间:
2015-12-21 21:55:07
阅读次数:
145