这段时间一直在探索一些新奇的事物,博客一直没有更新。今天我们来学一些好玩的东西。比如利用facebook的pop,做一个会动的贝塞尔曲线。废话不多说,来看看吧。
#import "Beisaier.h"
#import
@interface Beisaier ()
{
CAShapeLayer *layer1;
UIBezierPath *aPath1;
}
@end
...
分类:
移动开发 时间:
2015-07-03 14:12:22
阅读次数:
280
前言文章开头来看一下本篇文章要实现的效果,如图左边是慕课网APP中的效果,右边是58同城APP中的加载动画。实现第一种动画之前用图形的混合模式和贝塞尔曲线实现过慕课网的下拉刷新的加载动画。见链接慕课网app下拉刷新图标填充效果的实现,而这种动画效果在app中其实也很常见,之前的那篇文章是自定义View绘制出来的,其实这个也可以用DrawableAnimation实现,这里,我们来实现一下,看看有多简...
分类:
移动开发 时间:
2015-06-18 22:16:49
阅读次数:
149
以前的主要是关于Canvas的translate(平移) 、scale(缩放) 、rotate(旋转) 、skew(错切)。接下来几篇主要讲下android里的Path(封装了贝塞尔曲线)&Canvas里的drawPath(path,paint);非常多人听到贝塞尔曲线,就认为似乎挺高端大气上档次。...
分类:
其他好文 时间:
2015-06-18 16:44:08
阅读次数:
130
上一篇主要讲了Canvas的translate(平移) 、scale(缩放) 、rotate(旋转) 、skew(错切),接下来几篇主要讲下android里的Path(封装了贝塞尔曲线)& Canvas里的drawPath(path,paint);
很多人听到贝塞尔曲线,就觉得似乎挺高端大气上档次,后面会和大家一起揭开它的面纱,一睹真容;
Path(路径):
我们先看看Path类里有哪些方法...
分类:
其他好文 时间:
2015-06-15 01:46:15
阅读次数:
239
1、根据一个矩形画曲线+ (UIBezierPath*)bezierPathWithRect:(CGRect)rect2、根据矩形框的内切圆画曲线+ (UIBezierPath*)bezierPathWithOvalInRect:(CGRect)rect3、根据矩形画带圆角的曲线+ (UIBezie...
分类:
移动开发 时间:
2015-06-12 14:40:09
阅读次数:
132
上一节中,我讲解了利用Quartz 2D完成的涂鸦功能,其实主要是利用了贝塞尔曲线来完成的。可以发现,涂鸦效果中,绘制出来的,一般都是曲线效果。这一节,我讲解利用贝塞尔曲线画直线的案例:屏幕解锁。先看看最终效果图。
这个demo就是仿真“支付宝屏幕解锁”的效果。
1. 分析UI, 有三张图片:一张大的背景图片;手指没有滑到区域的按钮,灰白色的圈圈;手指滑到区域的按钮,高亮显示的...
分类:
其他好文 时间:
2015-05-28 11:03:26
阅读次数:
204
一 简介1,CAShapeLayer继承至CALayer,可以使用CALayer的所有属性2,CAShapeLayer需要与贝塞尔曲线配合使用才有意义;单独使用毫无意义3,使用CAShapeLayer与贝塞尔可以实现不在view的drawRect方法中画出一些想要的图形;4,CAShapeLayer...
分类:
其他好文 时间:
2015-05-27 22:33:47
阅读次数:
291
这一节,我将介绍使用Quartz 2D实现的一个实例 -- 涂鸦。在介绍直接,先介绍一下贝塞尔曲线的基本概念。
Bezier Path 基础
UIBezierPath对象是CGPathRef数据类型的封装。path如果是基于矢量形状的,都用直线和曲线段去创建。我们使用直线段去创建矩形和多边形,使用曲线段去创建弧(arc),圆或者其他复杂的曲线形状。每一段都包括一个或者多个点,绘图...
分类:
其他好文 时间:
2015-05-27 10:09:35
阅读次数:
236
1、根据一个矩形画曲线+ (UIBezierPath*)bezierPathWithRect:(CGRect)rect2、根据矩形框的内切圆画曲线+ (UIBezierPath*)bezierPathWithOvalInRect:(CGRect)rect3、根据矩形画带圆角的曲线+ (UIBezie...
分类:
其他好文 时间:
2015-05-18 18:33:27
阅读次数:
124
首先了解一下CGContextRef:An opaque type that represents a Quartz 2D drawing environment.Graphics Context是图形上下文,可以将其理解为一块画布,我们可以在上面进行绘画操作,绘制完成后,将画布放到我们的view中...
分类:
移动开发 时间:
2015-05-09 16:21:34
阅读次数:
265