关于CAShapeLayer CAShapeLayer简介 1、CAShapeLayer继承自CALayer,可以使用CALayer的所有属性值 2、CAShapeLayer需要与贝塞尔曲线配合使用才有意义 3、使用CAShapeLayer与贝塞尔曲线可以实现不在view的drawRect方法中画出
分类:
移动开发 时间:
2016-02-09 16:37:20
阅读次数:
275
QQ上黏黏的小红点很好玩有木有,于是自己也想实现一番,看到iOS实现的人比较少,Android的比较多,于是这个就用iOS来实现哈~
效果图:
调试图:
其实从实现来讲,我是先实现第二张图的效果的。
实现思路:
1.了解原理,以及如何绘制“黏黏”形状(即绘制两圆加两条贝塞尔曲线)
2.新建UIView(AZMetaBallCanvas),作为单独画布用来绘制“黏黏”形状,...
分类:
移动开发 时间:
2016-01-28 17:27:15
阅读次数:
604
CAShapeLayer是基于贝塞尔曲线而存在的, 如果没有贝塞尔曲线提供路径来画出图形, CAShapeLayer就没有存在的意义下面我画了矩形和椭圆形,代码如下:#import "ViewController.h"@interface ViewController ()@end@implemen...
分类:
其他好文 时间:
2016-01-21 15:36:24
阅读次数:
145
导航前言基本知识绘制矩形清除矩形区域圆弧路径 绘制线段绘制贝塞尔曲线 线性渐变径向渐变(发散)图形变形(平移、旋转、缩放)矩阵变换(图形变形的机制)图形组合给图形绘制阴影绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])绘制文字 保存和恢复状态(context) 保存文件结合setI...
分类:
Web程序 时间:
2016-01-20 13:13:40
阅读次数:
141
才没有完结呢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