iOS - Core Animation 核心动画的使用
1、简单使用示例
1.1 时钟
QClockView.h
@interface QClockView : UIView /// 创建时钟界面
+ (instancetype)q_clockViewWithFrame:(CGRect)frame; @end
QClockView.m
#define CLOCK_WIDTH self.bounds.size.width @interface QClockView () // 表盘
@property (nonatomic, strong) UIImageView *clockView; // 指针
@property (nonatomic, strong) CALayer *secondLayer;
@property (nonatomic, strong) CALayer *minuteLayer;
@property (nonatomic, strong) CALayer *hourLayer; @end @implementation QClockView /// 创建时钟界面
+ (instancetype)q_clockViewWithFrame:(CGRect)frame { QClockView *clockView = [[self alloc] initWithFrame:frame];
return clockView;
} /// 初始化
- (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { // 添加表盘
self.clockView = [[UIImageView alloc] init];
self.clockView.image = [UIImage imageNamed:@"clock"];
[self addSubview:self.clockView]; // 添加定时器
[NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(timeChange) userInfo:nil repeats:YES]; [self timeChange];
}
return self;
} /// 布局子控件
- (void)layoutSubviews {
[super layoutSubviews]; self.clockView.frame = self.bounds;
} // 定时器响应事件处理
- (void)timeChange { // 获取当前的系统的时间 // 获取当前日历对象
NSCalendar *calendar = [NSCalendar currentCalendar]; // 获取日期的组件：年月日小时分秒
NSDateComponents *cmp = [calendar components:NSCalendarUnitSecond |
NSCalendarUnitMinute |
NSCalendarUnitHour
fromDate:[NSDate date]]; // 获取秒
NSInteger second = cmp.second + 1; // 获取分
NSInteger minute = cmp.minute; // 获取小时
NSInteger hour = cmp.hour; // 计算秒针转多少度，一秒钟秒针转 6°
CGFloat secondA = second * 6; // 计算分针转多少度，一分钟分针转 6°
CGFloat minuteA = minute * 6; // 计算时针转多少度，一小时时针转 30°，每分钟时针转 0.5°
CGFloat hourA = hour * 30 + minute * 0.5; // 旋转秒针，使用 layer 的隐式动画属性产生动画效果
self.secondLayer.transform = CATransform3DMakeRotation(secondA / 180 * M_PI, 0, 0, 1); // 旋转分针
self.minuteLayer.transform = CATransform3DMakeRotation(minuteA / 180 * M_PI, 0, 0, 1); // 旋转小时
self.hourLayer.transform = CATransform3DMakeRotation(hourA / 180 * M_PI, 0, 0, 1);
} // 添加秒针
- (CALayer *)secondLayer { if (_secondLayer == nil) { _secondLayer = [CALayer layer];
_secondLayer.backgroundColor = [UIColor redColor].CGColor; _secondLayer.anchorPoint = CGPointMake(0.5, 1);
_secondLayer.position = CGPointMake(CLOCK_WIDTH * 0.5, CLOCK_WIDTH * 0.5);
_secondLayer.bounds = CGRectMake(0, 0, 1, CLOCK_WIDTH * 0.5 - 20); [self.clockView.layer addSublayer:_secondLayer];
}
return _secondLayer;
} // 添加分针
- (CALayer *)minuteLayer { if (_minuteLayer == nil) { _minuteLayer = [CALayer layer];
_minuteLayer.backgroundColor = [UIColor blackColor].CGColor; _minuteLayer.anchorPoint = CGPointMake(0.5, 1);
_minuteLayer.position = CGPointMake(CLOCK_WIDTH * 0.5, CLOCK_WIDTH * 0.5);
_minuteLayer.bounds = CGRectMake(0, 0, 4, CLOCK_WIDTH * 0.5 - 20);
_minuteLayer.cornerRadius = 2; [self.clockView.layer addSublayer:_minuteLayer];
}
return _minuteLayer;
} // 添加时针
- (CALayer *)hourLayer { if (_hourLayer == nil) { _hourLayer = [CALayer layer];
_hourLayer.backgroundColor = [UIColor blackColor].CGColor; _hourLayer.anchorPoint = CGPointMake(0.5, 1);
_hourLayer.position = CGPointMake(CLOCK_WIDTH * 0.5, CLOCK_WIDTH * 0.5);
_hourLayer.bounds = CGRectMake(0, 0, 4, CLOCK_WIDTH * 0.5 - 40);
_hourLayer.cornerRadius = 2; [self.clockView.layer addSublayer:_hourLayer];
}
return _hourLayer;
} @end
ViewController.m
// 创建时钟界面
QClockView *clockView = [QClockView q_clockViewWithFrame:CGRectMake(100, 100, 200, 200)];
[self.view addSubview:clockView];
效果
1.2 转盘
QWheelButton.h
@interface QWheelButton : UIButton @end
QWheelButton.m
@implementation QWheelButton /// 设置按钮中 imageView 的尺寸
- (CGRect)imageRectForContentRect:(CGRect)contentRect { // 计算 imageView 控件尺寸，contentRect 为按钮的尺寸
CGFloat W = 40;
CGFloat H = 46;
CGFloat X = (contentRect.size.width - W) * 0.5;
CGFloat Y = 20; return CGRectMake(X, Y, W, H);
} /// 设置按钮接收点击事件的区域
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event { CGFloat btnW = self.bounds.size.width;
CGFloat btnH = self.bounds.size.height; // 计算不接收点击事件的区域
CGFloat X = 0;
CGFloat Y = btnH / 2;
CGFloat W = btnW;
CGFloat H = Y;
CGRect rect = CGRectMake(X, Y, W, H); if (CGRectContainsPoint(rect, point)) {
return nil;
} else {
return [super hitTest:point withEvent:event];
}
} @end
QWheelView.h
@interface QWheelView : UIView /// 创建转盘界面
+ (instancetype)q_wheelViewWithFrame:(CGRect)frame; /// 开始转动
- (void)q_startAnimating; /// 停止转动
- (void)q_stopAnimating; @end
QWheelView.m
#import "QWheelButton.h" #define WHEEL_WIDTH self.bounds.size.width @interface QWheelView () <CAAnimationDelegate> /// 转盘控件
@property (nonatomic, strong) UIImageView *backImageView;
@property (nonatomic, strong) UIImageView *centerImagerView;
@property (nonatomic, strong) UIButton *startButton; /// 当前选中的按钮
@property (nonatomic, weak) UIButton *selectedButton; /// 显示定时器
@property (nonatomic, strong) CADisplayLink *link; @end @implementation QWheelView /// 创建转盘界面
+ (instancetype)q_wheelViewWithFrame:(CGRect)frame { QWheelView *wheelView = [[self alloc] initWithFrame:frame];
return wheelView;
} /// 开始转动
- (void)q_startAnimating { self.link.paused = NO;
} /// 停止转动
- (void)q_stopAnimating { self.link.paused = YES;
} /// 初始化转盘控件
- (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { // 添加转盘界面 self.backImageView = [[UIImageView alloc] init];
self.backImageView.image = [UIImage imageNamed:@"LuckyBaseBackground"];
[self addSubview:self.backImageView]; self.centerImagerView = [[UIImageView alloc] init];
self.centerImagerView.image = [UIImage imageNamed:@"LuckyRotateWheel"];
self.centerImagerView.userInteractionEnabled = YES;
[self addSubview:self.centerImagerView]; // 添加开始选号按钮 self.startButton = [[UIButton alloc] init];
[self.startButton setBackgroundImage:[UIImage imageNamed:@"LuckyCenterButton"] forState:UIControlStateNormal];
[self.startButton setBackgroundImage:[UIImage imageNamed:@"LuckyCenterButtonPressed"] forState:UIControlStateHighlighted];
[self.startButton addTarget:self action:@selector(startPicker:) forControlEvents:UIControlEventTouchUpInside];
[self addSubview:self.startButton]; // 添加号码按钮 // 加载大图片
UIImage *bigImage = [UIImage imageNamed:@"LuckyAstrology"];
UIImage *selBigImage = [UIImage imageNamed:@"LuckyAstrologyPressed"]; // 获取当前使用的图片像素和点的比例
CGFloat scale = [UIScreen mainScreen].scale;
CGFloat imageW = bigImage.size.width / 12 * scale;
CGFloat imageH = bigImage.size.height * scale; for (int i = 0; i < 12; i++) { QWheelButton *button = [QWheelButton buttonWithType:UIButtonTypeCustom];
[self.centerImagerView addSubview:button]; // 设置按钮图片
CGRect clipR = CGRectMake(i * imageW, 0, imageW, imageH);
[button setImage:[self getImageWithClipRect:clipR fromImage:bigImage] forState:UIControlStateNormal];
[button setImage:[self getImageWithClipRect:clipR fromImage:selBigImage] forState:UIControlStateSelected];
[button setBackgroundImage:[UIImage imageNamed:@"LuckyRototeSelected"] forState:UIControlStateSelected]; // 监听按钮的点击
[button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside]; // 默认选中第一个
if (i == 0) {
[self buttonClick:button]; // button.backgroundColor = [UIColor blueColor];
}
}
}
return self;
} /// 布局子控件
- (void)layoutSubviews {
[super layoutSubviews]; // 转盘界面 self.backImageView.frame = CGRectMake(0, 0, WHEEL_WIDTH, WHEEL_WIDTH); self.centerImagerView.layer.position = CGPointMake(WHEEL_WIDTH * 0.5, WHEEL_WIDTH * 0.5);
self.centerImagerView.bounds = CGRectMake(0, 0, WHEEL_WIDTH, WHEEL_WIDTH); // 开始选号按钮 self.startButton.frame = CGRectMake((WHEEL_WIDTH - WHEEL_WIDTH / 3.5) / 2,
(WHEEL_WIDTH - WHEEL_WIDTH / 3.5) / 2,
WHEEL_WIDTH / 3.5,
WHEEL_WIDTH / 3.5); // 号码按钮 CGFloat btnW = 68;
CGFloat btnH = 143; for (int i = 0; i < 12; i++) { QWheelButton *button = self.centerImagerView.subviews[i]; // 按钮尺寸位置
button.bounds = CGRectMake(0, 0, btnW, btnH);
button.layer.position = CGPointMake(WHEEL_WIDTH * 0.5, WHEEL_WIDTH * 0.5);
button.layer.anchorPoint = CGPointMake(0.5, 1); // 按钮的旋转角度
CGFloat radion = (30 * i) / 180.0 * M_PI;
button.transform = CGAffineTransformMakeRotation(radion);
}
} /// 定时器触发事件处理
- (void)angleChange { // 每一次调用旋转多少 90 / 60.0
CGFloat angle = (90 / 60.0) * M_PI / 180.0; // 持续旋转，需要设置 centerImagerView 的 layer.position 值
self.centerImagerView.transform = CGAffineTransformRotate(self.centerImagerView.transform, angle);
} /// 按钮选中点击事件处理
- (void)buttonClick:(UIButton *)button { // 取消之前的按钮选择状态
self.selectedButton.selected = NO; // 设置当前点击的按钮选择状态
button.selected = YES;
self.selectedButton = button;
} /// 点击开始选号的时候
- (void)startPicker:(UIButton *)button { // 不需要定时器旋转
self.link.paused = YES; // 中间的转盘快速的旋转，并且不需要与用户交互
CABasicAnimation *anim = [CABasicAnimation animation];
anim.keyPath = @"transform.rotation";
anim.toValue = @(M_PI * 2 * 3);
anim.duration = 0.5;
anim.delegate = self;
[self.centerImagerView.layer addAnimation:anim forKey:nil]; // 根据选中的按钮获取旋转的度数，通过 transform 获取角度
CGFloat angle = atan2(self.selectedButton.transform.b, self.selectedButton.transform.a); // 点击哪个星座，就把当前星座指向中心点上面
self.centerImagerView.transform = CGAffineTransformMakeRotation(-angle);
} /// 动画协议方法
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag { dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ self.link.paused = NO;
});
} /// 懒加载定时器
- (CADisplayLink *)link { if (_link == nil) { _link = [CADisplayLink displayLinkWithTarget:self selector:@selector(angleChange)];
[_link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
}
return _link;
} /// 裁剪图片
- (UIImage *)getImageWithClipRect:(CGRect)clipR fromImage:(UIImage *)image { // 裁剪图片，裁剪区域是以像素为基准
CGImageRef cgImage = CGImageCreateWithImageInRect(image.CGImage, clipR); return [UIImage imageWithCGImage:cgImage];
} @end
ViewController.m
// 创建转盘界面
QWheelView *wheelView = [QWheelView q_wheelViewWithFrame:CGRectMake(40, 150, 300, 300)];
[self.view addSubview:wheelView];
self.wheelView = wheelView; // 开始转动
[self.wheelView q_startAnimating]; // 停止转动
[self.wheelView q_stopAnimating];
效果
1.3 折叠图片
一张图片必须要通过两个控件展示，旋转的时候，只旋转一部分控件，通过 layer 控制图片的显示内容，可以让一张完整的图片通过两个控件显示。
@interface ViewController () // 上下两部分图片绘制控件
@property (nonatomic, strong) UIImageView *topImageView;
@property (nonatomic, strong) UIImageView *bottomImageView; // 触控控件
@property (nonatomic, strong) UIView *dragView; // 渐变图层
@property (nonatomic, strong) CAGradientLayer *gradientL; @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad]; self.view.backgroundColor = [UIColor cyanColor]; // 添加上下两部分图片绘制控件，两个控件叠加在一起，且在位于 drawView 中间 self.bottomImageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 250, 200, 100)];
self.bottomImageView.image = [UIImage imageNamed:@"demo"];
[self.view addSubview:self.bottomImageView]; self.topImageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 250, 200, 100)];
self.topImageView.image = [UIImage imageNamed:@"demo"];
[self.view addSubview:self.topImageView]; // 设置图片显示的尺寸 self.topImageView.layer.contentsRect = CGRectMake(0, 0, 1, 0.5); // 范围 0 ~ 1
self.topImageView.layer.anchorPoint = CGPointMake(0.5, 1); self.bottomImageView.layer.contentsRect = CGRectMake(0, 0.5, 1, 0.5);
self.bottomImageView.layer.anchorPoint = CGPointMake(0.5, 0); // 添加渐变图层 self.gradientL = [CAGradientLayer layer];
self.gradientL.frame = self.bottomImageView.bounds;
self.gradientL.opacity = 0; // 设置透明度
self.gradientL.colors = @[(id)[UIColor clearColor].CGColor,
(id)[UIColor blackColor].CGColor]; // 设置渐变颜色
// self.gradientL.colors = @[(id)[UIColor redColor].CGColor,
// (id)[UIColor greenColor].CGColor,
// (id)[UIColor yellowColor].CGColor];
// self.gradientL.locations = @[@0.1, @0.4, @0.5]; // 设置渐变定位点
// gradientL.startPoint = CGPointMake(0, 1); // 设置渐变开始点，取值 0~1
[self.bottomImageView.layer addSublayer:self.gradientL]; // 添加触控控件 self.dragView = [[UIView alloc] initWithFrame:CGRectMake(100, 200, 200, 200)];
UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
[self.dragView addGestureRecognizer:pan]; // 添加手势
[self.view addSubview:self.dragView];
} // 拖动的时候旋转上部分内容
- (void)pan:(UIPanGestureRecognizer *)pan { // 获取偏移量
CGPoint transP = [pan translationInView:self.dragView]; // 旋转角度，往下逆时针旋转
CGFloat angle = -transP.y / 200.0 * M_PI; CATransform3D transfrom = CATransform3DIdentity;
transfrom.m34 = -1 / 500.0; // 增加旋转的立体感，近大远小，d：距离图层的距离
transfrom = CATransform3DRotate(transfrom, angle, 1, 0, 0);
self.topImageView.layer.transform = transfrom; // 设置阴影效果
self.gradientL.opacity = transP.y * 1 / 200.0; if (pan.state == UIGestureRecognizerStateEnded) { // 反弹 // 弹簧效果的动画，SpringWithDamping:弹性系数，越小弹簧效果越明显
[UIView animateWithDuration:0.6 delay:0 usingSpringWithDamping:0.2
initialSpringVelocity:10
options:UIViewAnimationOptionCurveEaseInOut
animations:^{ self.topImageView.layer.transform = CATransform3DIdentity; } completion:nil];
}
} @end
效果
1.4 图片倒影
QRepView.h
@interface QRepView : UIView @end
QRepView.m
@implementation QRepView // 设置控件主层的类型
+ (Class)layerClass { return [CAReplicatorLayer class];
} @end
ViewController.m
#import "QRepView.h" @interface ViewController () @property (nonatomic, strong) QRepView *repView; @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad]; self.view.backgroundColor = [UIColor cyanColor]; self.repView = [[QRepView alloc] initWithFrame:CGRectMake(100, 100, 150, 150)];
[self.view addSubview:self.repView]; UIImageView *imageView = [[UIImageView alloc] initWithFrame:self.repView.bounds];
imageView.image = [UIImage imageNamed:@"demo.jpg"];
[self.repView addSubview:imageView]; // 创建复制图层
CAReplicatorLayer *repLayer = (CAReplicatorLayer *)self.repView.layer; // 设置子层数量
repLayer.instanceCount = 2; // 往下面平移旋转控件
CATransform3D translation = CATransform3DMakeTranslation(0, self.repView.bounds.size.height, 0);
CATransform3D rotateTranslation = CATransform3DRotate(translation, M_PI, 1, 0, 0);
repLayer.instanceTransform = rotateTranslation; // 设置阴影
repLayer.instanceAlphaOffset = -0.1;
repLayer.instanceRedOffset = -0.1;
repLayer.instanceGreenOffset = -0.1;
repLayer.instanceBlueOffset = -0.1;
} @end
效果
1.5 音量振动条
创建音量振动条
@property (nonatomic, strong) UIView *vibrationBarView; self.vibrationBarView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 200, 200)];
self.vibrationBarView.backgroundColor = [UIColor lightGrayColor];
[self.view addSubview:self.vibrationBarView]; // 创建复制图层
CAReplicatorLayer *repLayer = [CAReplicatorLayer layer]; // 可以把图层里面所有子层复制
repLayer.frame = self.vibrationBarView.bounds;
[self.vibrationBarView.layer addSublayer:repLayer]; // 创建震动条图层
CALayer *layer = [CALayer layer];
layer.anchorPoint = CGPointMake(0.5, 1);
layer.position = CGPointMake(30, self.vibrationBarView.bounds.size.height);
layer.bounds = CGRectMake(0, 0, 30, 150);
layer.backgroundColor = [UIColor whiteColor].CGColor;
[repLayer addSublayer:layer]; // 设置缩放动画
CABasicAnimation *anim = [CABasicAnimation animation];
anim.keyPath = @"transform.scale.y";
anim.toValue = @0.1;
anim.duration = 0.5;
anim.repeatCount = MAXFLOAT;
anim.autoreverses = YES; // 设置动画反转
[layer addAnimation:anim forKey:nil]; // 设置复制层中子层
repLayer.instanceCount = 4; // 设置复制层里面有多少个子层，包括原始层
repLayer.instanceTransform = CATransform3DMakeTranslation(45, 0, 0); // 设置复制子层偏移量，不包括原始层，相对于原始层 x 偏移
repLayer.instanceDelay = 0.1; // 设置复制层动画延迟时间
repLayer.instanceColor = [UIColor greenColor].CGColor; // 设置复制子层背景色
repLayer.instanceGreenOffset = -0.3;
效果
1.6 活动指示器
创建活动指示器
@property (nonatomic, strong) UIView *activityIndicatorView; self.activityIndicatorView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 200, 200)];
self.activityIndicatorView.backgroundColor = [UIColor redColor];
[self.view addSubview:self.activityIndicatorView]; // 创建复制图层
CAReplicatorLayer *repLayer = [CAReplicatorLayer layer]; // 可以把图层里面所有子层复制
repLayer.frame = self.activityIndicatorView.bounds;
[self.activityIndicatorView.layer addSublayer:repLayer]; // 创建指示器图层
CALayer *layer = [CALayer layer];
layer.transform = CATransform3DMakeScale(0, 0, 0);
layer.position = CGPointMake(self.activityIndicatorView.bounds.size.width / 2, 20);
layer.bounds = CGRectMake(0, 0, 10, 10);
layer.backgroundColor = [UIColor greenColor].CGColor;
[repLayer addSublayer:layer]; // 设置缩放动画
CGFloat duration = 1.0;
CABasicAnimation *anim = [CABasicAnimation animation];
anim.keyPath = @"transform.scale";
anim.fromValue = @1;
anim.toValue = @0;
anim.duration = duration;
anim.repeatCount = MAXFLOAT;
[layer addAnimation:anim forKey:nil]; // 设置复制层中子层
CGFloat count = 20;
CGFloat angle = M_PI * 2 / count;
repLayer.instanceCount = count; // 设置复制层里面有多少个子层，包括原始层
repLayer.instanceTransform = CATransform3DMakeRotation(angle, 0, 0, 1); // 设置复制子层偏移量，不包括原始层，相对于原始层 x 偏移
repLayer.instanceDelay = duration / count; // 设置复制层动画延迟时间
效果
1.7 粒子运动效果
QParticleMotionView.h
@interface QParticleMotionView : UIView /// 创建粒子运动效果界面
+ (instancetype)q_particleMotionViewWithFrame:(CGRect)frame; /// 开始运动
- (void)q_startAnimating; /// 清除运动
- (void)q_clearAnimating; @end
QParticleMotionView.m
@interface QParticleMotionView () /// 贝塞尔路径
@property (nonatomic, strong) UIBezierPath *path; /// 复制图层
@property (nonatomic, strong) CAReplicatorLayer *repLayer; /// 圆点图层
@property (nonatomic, strong) CALayer *dotLayer; /// 圆点个数
@property (nonatomic, assign) NSInteger dotCount; @end @implementation QParticleMotionView /// 创建粒子运动效果界面
+ (instancetype)q_particleMotionViewWithFrame:(CGRect)frame { QParticleMotionView *particleMotionView = [[self alloc] initWithFrame:frame];
particleMotionView.backgroundColor = [UIColor whiteColor];
return particleMotionView;
} /// 开始运动
- (void)q_startAnimating { // 创建关键帧动画
CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
anim.keyPath = @"position";
anim.path = self.path.CGPath;
anim.duration = 3;
anim.repeatCount = MAXFLOAT;
[self.dotLayer addAnimation:anim forKey:@"dotAnimation"]; // 复制子层
self.repLayer.instanceCount = self.dotCount;
self.repLayer.instanceDelay = 0.2;
} /// 清除运动
- (void)q_clearAnimating { // 移除动画
[self.dotLayer removeAnimationForKey:@"dotAnimation"]; // 清空路径
self.path = nil; // 清空子层总数
self.dotCount = 0; [self setNeedsDisplay];
} /// 初始化
- (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { self.dotCount = 0; // 创建复制图层
self.repLayer = [CAReplicatorLayer layer];
self.repLayer.frame = self.bounds;
[self.layer addSublayer:self.repLayer]; // 创建圆点图层
CGFloat wh = 10;
self.dotLayer = [CALayer layer];
self.dotLayer.frame = CGRectMake(0, -1000, wh, wh);
self.dotLayer.cornerRadius = wh / 2;
self.dotLayer.backgroundColor = [UIColor blueColor].CGColor;
[self.repLayer addSublayer:self.dotLayer];
}
return self;
} /// 触摸开始
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event { // 获取触摸起始点位置
CGPoint startPoint = [touches.anyObject locationInView:self]; // 设置起点
[self.path moveToPoint:startPoint];
} /// 触摸移动
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event { // 获取触摸点位置
CGPoint touchPoint = [touches.anyObject locationInView:self]; // 添加线到某个点
[self.path addLineToPoint:touchPoint]; // 重绘
[self setNeedsDisplay]; self.dotCount ++;
} /// 绘制贝塞尔路径
- (void)drawRect:(CGRect)rect { [self.path stroke];
} /// 懒加载路径
- (UIBezierPath *)path { if (_path == nil) {
_path = [UIBezierPath bezierPath];
}
return _path;
} @end
ViewController.m
@property (nonatomic, strong) QParticleMotionView *particleMotionView; // 创建粒子运动效果界面
CGRect frame = CGRectMake(0, 100, self.view.bounds.size.width, self.view.bounds.size.height - 100);
self.particleMotionView = [QParticleMotionView q_particleMotionViewWithFrame:frame];
[self.view addSubview:self.particleMotionView]; // 开始运动
[self.particleMotionView q_startAnimating]; // 清除运动
[self.particleMotionView q_clearAnimating];
效果
1.8 划定路径移动
DrawView.m
@interface DrawView () @property (nonatomic, strong) UIBezierPath *path; @end @implementation DrawView /// 触摸开始
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event { // 移除上一个动画
[self.subviews.firstObject.layer removeAnimationForKey:@"drawAnimation"]; // 获取触摸起始点位置
CGPoint startPoint = [touches.anyObject locationInView:self]; // 创建路径
self.path = [UIBezierPath bezierPath]; // 设置起点
[self.path moveToPoint:startPoint];
} /// 触摸移动
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event { // 获取触摸点位置
CGPoint touchPoint = [touches.anyObject locationInView:self]; [self.path addLineToPoint:touchPoint]; [self setNeedsDisplay];
} /// 触摸结束
- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event { // 添加关键帧动画 CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
anim.keyPath = @"position"; // 添加动画路径
anim.path = self.path.CGPath; anim.duration = 3;
anim.repeatCount = MAXFLOAT;
anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]; // 给子视图添加核心动画
[self.subviews.firstObject.layer addAnimation:anim forKey:@"drawAnimation"];
} /// 触摸取消
- (void)touchesCancelled:(NSSet *)touches withEvent:(nullable UIEvent *)event {
[self touchesEnded:touches withEvent:event];
} /// 绘图
- (void)drawRect:(CGRect)rect { [self.path stroke];
} @end
ViewController.m
DrawView *myDrawView = [[DrawView alloc] initWithFrame:self.view.bounds];
myDrawView.backgroundColor = [UIColor whiteColor];
[self.view addSubview:myDrawView]; UIImageView *imv = [[UIImageView alloc] initWithFrame:CGRectMake(100, 100, 50, 50)];
imv.image = [UIImage imageNamed:@"heart2"];
[myDrawView addSubview:imv];
效果
1.9 粘性效果按钮
QGooButton.h
@interface QGooButton : UIButton @end
QGooButton.m
/// 最大圆心距离
#define MAX_DISTANCE 80 #define WIDTH self.bounds.size.width @interface QGooButton () /// 小圆视图
@property (nonatomic, strong) UIView *smallCircleView; /// 不规则矩形
@property (nonatomic, strong) CAShapeLayer *shapeLayer; /// 小圆原始半径
@property (nonatomic, assign) CGFloat oriSmallRadius; /// 小圆原始中心
@property (nonatomic, assign) CGPoint oriSmallCenter; @end @implementation QGooButton /// 懒加载 - (CAShapeLayer *)shapeLayer { if (_shapeLayer == nil) { // 展示不规则矩形，通过不规则矩形路径生成一个图层
_shapeLayer = [CAShapeLayer layer];
_shapeLayer.fillColor = self.backgroundColor.CGColor; [self.superview.layer insertSublayer:_shapeLayer below:self.layer];
}
return _shapeLayer;
} - (UIView *)smallCircleView { if (_smallCircleView == nil) { _smallCircleView = [[UIView alloc] init];
_smallCircleView.backgroundColor = self.backgroundColor; // 小圆添加按钮的父控件上
[self.superview insertSubview:_smallCircleView belowSubview:self];
}
return _smallCircleView;
} /// 初始化
- (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { // 记录小圆最初始半径和中心
self.oriSmallRadius = WIDTH / 2; // 设置按钮圆角
self.layer.cornerRadius = WIDTH / 2; // 设置按钮文字颜色和字体大小
[self setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
self.titleLabel.font = [UIFont systemFontOfSize:18]; // 添加手势
UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
[self addGestureRecognizer:pan];
}
return self;
} - (void)layoutSubviews { [super layoutSubviews]; static int flag = 1; if (flag) { flag = 0; // 设置小圆位置和尺寸
self.smallCircleView.center = self.center;
self.smallCircleView.bounds = self.bounds;
self.smallCircleView.layer.cornerRadius = WIDTH / 2;
}
} /// 拖动手势事件处理
- (void)pan:(UIPanGestureRecognizer *)pan { // 获取手指偏移量
CGPoint transP = [pan translationInView:self]; // 移动控件位置
CGPoint center = self.center;
center.x += transP.x;
center.y += transP.y;
self.center = center; // 复位
[pan setTranslation:CGPointZero inView:self]; // 显示后面圆，后面圆的半径，随着两个圆心的距离不断增加而减小 // 计算圆心距离
CGFloat d = [self circleCenterDistanceWithBigCircleCenter:self.center smallCircleCenter:self.smallCircleView.center]; // 计算小圆的半径
CGFloat smallRadius = self.oriSmallRadius - d / 10; // 设置小圆的尺寸
self.smallCircleView.bounds = CGRectMake(0, 0, smallRadius * 2, smallRadius * 2);
self.smallCircleView.layer.cornerRadius = smallRadius; // 当圆心距离大于最大圆心距离
if (d > MAX_DISTANCE) { // 可以拖出来 // 隐藏小圆
self.smallCircleView.hidden = YES; // 移除不规则的矩形
[self.shapeLayer removeFromSuperlayer];
self.shapeLayer = nil; } else if (d > 0 && self.smallCircleView.hidden == NO) { // 有圆心距离，并且圆心距离不大，才需要展示 // 展示不规则矩形，通过不规则矩形路径生成一个图层 self.shapeLayer.path = [self pathWithBigCirCleView:self smallCirCleView:self.smallCircleView].CGPath;
} // 手指抬起的时候
if (pan.state == UIGestureRecognizerStateEnded) { // 当圆心距离大于最大圆心距离
if (d > MAX_DISTANCE) { // 展示 gif 动画 UIImageView *imageView = [[UIImageView alloc] initWithFrame:self.bounds];
NSMutableArray *arrM = [NSMutableArray array];
for (int i = 1; i < 9; i++) {
UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%d",i]];
[arrM addObject:image];
}
imageView.animationImages = arrM;
imageView.animationRepeatCount = 1;
imageView.animationDuration = 0.5;
[imageView startAnimating];
[self addSubview:imageView];
self.backgroundColor = [UIColor clearColor]; dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.4 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[self removeFromSuperview];
}); } else { // 移除不规则矩形，还原 [self.shapeLayer removeFromSuperlayer];
self.shapeLayer = nil; // 还原位置
[UIView animateWithDuration:0.5 delay:0 usingSpringWithDamping:0.2
initialSpringVelocity:0
options:UIViewAnimationOptionCurveLinear
animations:^{ // 设置大圆中心点位置
self.center = self.smallCircleView.center; } completion:^(BOOL finished) { // 显示小圆
self.smallCircleView.hidden = NO;
}];
}
}
} /// 计算两个圆心之间的距离
- (CGFloat)circleCenterDistanceWithBigCircleCenter:(CGPoint)bigCircleCenter smallCircleCenter:(CGPoint)smallCircleCenter { CGFloat offsetX = bigCircleCenter.x - smallCircleCenter.x;
CGFloat offsetY = bigCircleCenter.y - smallCircleCenter.y; return sqrt(offsetX * offsetX + offsetY * offsetY);
} /// 描述两圆之间一条矩形路径
- (UIBezierPath *)pathWithBigCirCleView:(UIView *)bigCirCleView smallCirCleView:(UIView *)smallCirCleView { CGPoint bigCenter = bigCirCleView.center;
CGFloat x2 = bigCenter.x;
CGFloat y2 = bigCenter.y;
CGFloat r2 = bigCirCleView.bounds.size.width / 2; CGPoint smallCenter = smallCirCleView.center;
CGFloat x1 = smallCenter.x;
CGFloat y1 = smallCenter.y;
CGFloat r1 = smallCirCleView.bounds.size.width / 2; // 获取圆心距离
CGFloat d = [self circleCenterDistanceWithBigCircleCenter:bigCenter smallCircleCenter:smallCenter]; CGFloat sinθ = (x2 - x1) / d; CGFloat cosθ = (y2 - y1) / d; // 坐标系基于父控件
CGPoint pointA = CGPointMake(x1 - r1 * cosθ , y1 + r1 * sinθ);
CGPoint pointB = CGPointMake(x1 + r1 * cosθ , y1 - r1 * sinθ);
CGPoint pointC = CGPointMake(x2 + r2 * cosθ , y2 - r2 * sinθ);
CGPoint pointD = CGPointMake(x2 - r2 * cosθ , y2 + r2 * sinθ);
CGPoint pointO = CGPointMake(pointA.x + d / 2 * sinθ , pointA.y + d / 2 * cosθ);
CGPoint pointP = CGPointMake(pointB.x + d / 2 * sinθ , pointB.y + d / 2 * cosθ); UIBezierPath *path = [UIBezierPath bezierPath]; // A
[path moveToPoint:pointA]; // AB
[path addLineToPoint:pointB]; // 绘制 BC 曲线
[path addQuadCurveToPoint:pointC controlPoint:pointP]; // CD
[path addLineToPoint:pointD]; // 绘制 DA 曲线
[path addQuadCurveToPoint:pointA controlPoint:pointO]; return path;
} @end
ViewController.m
// 创建粘性按钮
QGooButton *gooButton = [[QGooButton alloc] initWithFrame:CGRectMake(200, 200, 50, 50)]; [gooButton setBackgroundColor:[UIColor redColor]];
[gooButton setTitle:@"10" forState:UIControlStateNormal]; [self.view addSubview:gooButton];
效果
1.10 启动动画
QWelcomeView.h
@interface QWelcomeView : UIView /// 创建欢迎视图
+ (instancetype)q_weicomeView; @end
QWelcomeView.m
@interface QWelcomeView () @property (weak, nonatomic) IBOutlet UIImageView *backView; @property (weak, nonatomic) IBOutlet UIImageView *sloganView; @property (weak, nonatomic) IBOutlet UIImageView *iconView; @property (weak, nonatomic) IBOutlet UILabel *textView; @end @implementation QWelcomeView /// 创建欢迎视图
+ (instancetype)q_weicomeView{
return [[NSBundle mainBundle] loadNibNamed:NSStringFromClass(self)
owner:nil
options:nil].firstObject;
} /// 初始化
- (void)awakeFromNib {
[super awakeFromNib]; self.backView.image = [UIImage imageNamed:@"ad_background"]; self.sloganView.image = [UIImage imageNamed:@"compose_slogan"];
self.iconView.image = [UIImage imageNamed:@"QianChia0123"]; self.textView.text = @"欢迎回来";
} /// 已经添加到父视图上
- (void)didMoveToSuperview { [super didMoveToSuperview]; // 设置头像圆角
self.iconView.layer.cornerRadius = 50;
self.iconView.layer.masksToBounds = YES; // 头像下移
self.iconView.transform = CGAffineTransformMakeTranslation(0, 50); dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ [UIView animateWithDuration:1.0 animations:^{ // 文字图片慢慢消失
self.sloganView.alpha = 0; } completion:^(BOOL finished) { // 显示头像
self.iconView.hidden = NO; [UIView animateWithDuration:1.0 delay:0 usingSpringWithDamping:0.3
initialSpringVelocity:0
options:UIViewAnimationOptionCurveLinear
animations:^{
// 头像往上移动的动画，弹簧效果
self.iconView.transform = CGAffineTransformIdentity; } completion:^(BOOL finished) { self.textView.alpha = 0;
self.textView.hidden = NO; // 文字慢慢显示 [UIView animateWithDuration:0.5 animations:^{ // 欢迎回来 的文字慢慢显示
self.textView.alpha = 1; } completion:^(BOOL finished) { dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)),
dispatch_get_main_queue(), ^{ // 移除
[self removeFromSuperview];
});
}];
}];
}];
});
} @end
AppDelegate.m
#import "QWelcomeView.h" - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // 创建窗口
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
UIStoryboard *stroyboard = [UIStoryboard storyboardWithName:@"Main" bundle:nil];
UIViewController *vc = [stroyboard instantiateInitialViewController];
self.window.rootViewController = vc;
[self.window makeKeyAndVisible]; // 显示欢迎界面
QWelcomeView *welcomeV = [QWelcomeView q_weicomeView];
welcomeV.frame = self.window.bounds; // 注意：一定要给界面设置 Frame
[self.window addSubview:welcomeV]; return YES;
}
效果
1.11 菜单按钮动画
QMenuItemModel.h
@interface QMenuItemModel : NSObject @property (nonatomic, strong) NSString *title;
@property (nonatomic, strong) UIImage *image; + (instancetype)q_menuItemWithTitle:(NSString *)title image:(UIImage *)image; @end
QMenuItemModel.m
@implementation QMenuItemModel + (instancetype)q_menuItemWithTitle:(NSString *)title image:(UIImage *)image { QMenuItemModel *itme = [[self alloc] init]; itme.title = title;
itme.image = image; return itme;
} @end
QMenuItemButton.h
@interface QMenuItemButton : UIButton @end
QMenuItemButton.m
#define kImageRatio 0.8 @implementation QMenuItemButton - (void)awakeFromNib {
[super awakeFromNib]; [self setUp];
} - (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) {
[self setUp];
}
return self;
} - (void)setUp { self.imageView.contentMode = UIViewContentModeCenter;
self.titleLabel.textAlignment = NSTextAlignmentCenter; [self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
} /// 布局子控件
- (void)layoutSubviews {
[super layoutSubviews]; // UIImageView
CGFloat imageX = 0;
CGFloat imageY = 0;
CGFloat imageW = self.bounds.size.width;
CGFloat imageH = self.bounds.size.height * kImageRatio;
self.imageView.frame = CGRectMake(imageX, imageY, imageW, imageH); // UILabel
CGFloat labelY = imageH;
CGFloat labelH = self.bounds.size.height - labelY;
self.titleLabel.frame = CGRectMake(imageX, labelY, imageW, labelH);
} @end
QComposeItemViewController.h
@interface QComposeItemViewController : UIViewController @end
QComposeItemViewController.m
#import "QMenuItemModel.h"
#import "QMenuItemButton.h" @interface QComposeItemViewController () @property (nonatomic, strong) NSArray *items; @property (nonatomic, strong) NSTimer *timer; @property (nonatomic, assign) int btnIndex; @property (nonatomic, strong) NSMutableArray *itemButtons; @end @implementation QComposeItemViewController ///
- (void)viewDidLoad {
[super viewDidLoad]; // 添加所有 item 按钮
[self setUpAllBtns]; // 按钮按顺序的从下往上偏移
self.timer = [NSTimer scheduledTimerWithTimeInterval:0.1
target:self
selector:@selector(timeChange)
userInfo:nil
repeats:YES];
} /// 添加所有 item 按钮
- (void)setUpAllBtns { int cols = 3;
int col = 0;
int row = 0;
CGFloat x = 0;
CGFloat y = 0;
CGFloat wh = 100;
CGFloat margin = ([UIScreen mainScreen].bounds.size.width - cols * wh) / (cols + 1);
CGFloat oriY = 300; for (int i = 0; i < self.items.count; i++) { UIButton *btn = [QMenuItemButton buttonWithType:UIButtonTypeCustom]; col = i % cols;
row = i / cols; x = margin + col * (margin + wh);
y = row * (margin + wh) + oriY; btn.frame = CGRectMake(x, y, wh, wh); // 设置按钮的图片和文字
QMenuItemModel *item = self.items[i]; [btn setImage:item.image forState:UIControlStateNormal];
[btn setTitle:item.title forState:UIControlStateNormal]; // 偏移到底部
btn.transform = CGAffineTransformMakeTranslation(0, self.view.bounds.size.height); [btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchDown];
[btn addTarget:self action:@selector(btnClick1:) forControlEvents:UIControlEventTouchUpInside]; [self.itemButtons addObject:btn]; [self.view addSubview:btn];
}
} /// 给所有的按钮做动画
- (void)setUpAllBtnAnim { for (UIButton *btn in self.itemButtons) {
[self setUpOneBtnAnim:btn];
}
} /// 给一个按钮做动画
- (void)setUpOneBtnAnim:(UIButton *)btn { [UIView animateWithDuration:0.8 delay:0 usingSpringWithDamping:0.7
initialSpringVelocity:0
options:UIViewAnimationOptionCurveEaseIn
animations:^{
btn.transform = CGAffineTransformIdentity; } completion:nil];
} /// 定时器响应事件处理
- (void)timeChange { // 让一个按钮做动画 if (self.btnIndex == self.itemButtons.count) { // 定时器停止
[self.timer invalidate]; return;
} // 获取按钮
UIButton *btn = self.itemButtons[self.btnIndex]; [self setUpOneBtnAnim:btn]; self.btnIndex++;
} /// 按钮按下响应事件处理
- (void)btnClick:(UIButton *)btn { [UIView animateWithDuration:0.5 animations:^{ btn.transform = CGAffineTransformMakeScale(1.2, 1.2);
}];
} /// 按钮点击响应事件处理
- (void)btnClick1:(UIButton *)btn { [UIView animateWithDuration:0.5 animations:^{ btn.transform = CGAffineTransformMakeScale(2.0, 2.0);
btn.alpha = 0;
}]; NSLog(@"%s", __func__);
} /// 懒加载 - (NSArray *)items { if (_items == nil) { // 创建模型对象
QMenuItemModel *item1 = [QMenuItemModel q_menuItemWithTitle:@"点评"
image:[UIImage imageNamed:@"tabbar_compose_review"]];
QMenuItemModel *item2 = [QMenuItemModel q_menuItemWithTitle:@"更多"
image:[UIImage imageNamed:@"tabbar_compose_more"]];
QMenuItemModel *item3 = [QMenuItemModel q_menuItemWithTitle:@"拍摄"
image:[UIImage imageNamed:@"tabbar_compose_camera"]];
QMenuItemModel *item4 = [QMenuItemModel q_menuItemWithTitle:@"相册"
image:[UIImage imageNamed:@"tabbar_compose_photo"]];
QMenuItemModel *item5 = [QMenuItemModel q_menuItemWithTitle:@"文字"
image:[UIImage imageNamed:@"tabbar_compose_idea"]];
QMenuItemModel *item6 = [QMenuItemModel q_menuItemWithTitle:@"签到"
image:[UIImage imageNamed:@"tabbar_compose_review"]]; _items = @[item1, item2, item3, item4, item5, item6];
}
return _items;
} - (NSMutableArray *)itemButtons { if (_itemButtons == nil) {
_itemButtons = [NSMutableArray array];
}
return _itemButtons;
} @end
ViewController.m
// 点击加号按钮
- (IBAction)btnClick:(id)sender { QComposeItemViewController *vc = [[QComposeItemViewController alloc] init]; [self presentViewController:vc animated:YES completion:nil];
}
效果
1.12 引导页动画
ViewController.m
@interface ViewController () <UIScrollViewDelegate> @property (weak, nonatomic) IBOutlet UIImageView *sunView;
@property (weak, nonatomic) IBOutlet UIImageView *personView; @end @implementation ViewController - (void)viewDidLoad {
[super viewDidLoad]; UIImage *bgImage = [UIImage imageNamed:@"520_userguid_bg"]; // ScrollView
UIScrollView *scorollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
scorollView.contentSize = bgImage.size;
scorollView.delegate = self;
scorollView.decelerationRate = 0.5;
[self.view insertSubview:scorollView atIndex:0]; // bg
UIImageView *bgImageView = [[UIImageView alloc] initWithImage:bgImage];
CGRect rect = bgImageView.frame;
rect.size.height = self.view.bounds.size.height;
bgImageView.frame = rect;
[scorollView addSubview:bgImageView]; // cg
UIImage *cgImage = [UIImage imageNamed:@"520_userguid_cg"];
UIImageView *cgImageView = [[UIImageView alloc] initWithImage:cgImage];
rect = cgImageView.frame;
rect.size.height = self.view.bounds.size.height;
cgImageView.frame = rect;
[bgImageView addSubview:cgImageView]; // fg
UIImage *fgImage = [UIImage imageNamed:@"520_userguid_fg"];
UIImageView *fgImageView = [[UIImageView alloc] initWithImage:fgImage];
rect = cgImageView.frame;
rect.size.height = self.view.bounds.size.height;
fgImageView.frame = rect;
[bgImageView addSubview:fgImageView]; // cloud
UIImage *cloudImage = [UIImage imageNamed:@"520_userguid_cloud"];
UIImageView *cloudImageView = [[UIImageView alloc] initWithImage:cloudImage];
[bgImageView addSubview:cloudImageView];
} // 只要一滚动就会调用
- (void)scrollViewDidScroll:(UIScrollView *)scrollView { // 获取 scrollView 偏移量
CGFloat offsetX = scrollView.contentOffset.x; int intOffsetX = (int)offsetX; // 切换人物的图片
NSString *imageName = [NSString stringWithFormat:@"520_userguid_person_taitou_%d", (intOffsetX % 2 + 1)];
self.personView.image = [UIImage imageNamed:imageName]; // 旋转小太阳
self.sunView.transform = CGAffineTransformRotate(self.sunView.transform, 5 / 180.0 * M_PI);
} @end
效果
iOS - Core Animation 核心动画的使用的更多相关文章
- iOS - Core Animation 核心动画
1.UIView 动画 具体讲解见 iOS - UIView 动画 2.UIImageView 动画 具体讲解见 iOS - UIImageView 动画 3.CADisplayLink 定时器 具体 ...
- iOS开发基础知识：Core Animation(核心动画)
Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能. Core A ...
- iOS开发 - Core Animation 核心动画
Core Animation Core Animation.中文翻译为核心动画,它是一组很强大的动画处理API,使用它能做出很炫丽的动画效果.并且往往是事半功倍. 也就是说,使用少量的代码就能够实现很 ...
- iOS － Core Animation(核心动画)
Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能.Core An ...
- Core Animation - 核心动画
CAAnimation类,是一个抽象类.遵循CAMediaTiming协议和CAAction协议! CAMediaTiming协议 可以调整时间,包括持续时间,速度,重复次数. CAAction协议 ...
- iOS开发之核心动画(Core Animation)
1.概述 Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍,使用它需要先添加QuartzCore.framework和引入对应的框架< ...
- 转 iOS Core Animation 动画 入门学习（一）基础
iOS Core Animation 动画 入门学习(一)基础 reference:https://developer.apple.com/library/ios/documentation/Coco ...
- IOS开发系列 --- 核心动画
原始地址:http://www.cnblogs.com/kenshincui/p/3972100.html 概览 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥i ...
- iOS Core Animation 简明系列教程
iOS Core Animation 简明系列教程 看到无数的CA教程,都非常的难懂,各种事务各种图层关系看的人头大.自己就想用通俗的语言翻译给大家听,尽可能准确表达,如果哪里有问题,请您指出我会尽 ...
随机推荐
- MySQL5学习笔记（三）
系统变量 mysqld服务器维护两种变量.全局变量(GLOBAL)影响服务器整体操作.会话变量(SESSION)影响具体客户端连接的操作. 当服务器启动时,它将所有全局变量初始化为默认值.这些 ...
- Tomcat时区设置方法[转]
最近被问到了关于Tomcat时区设置方法,还没碰到类似的问题,网上说是记录日志和定时任务时可能会出现,目前还未发现,先记录下来. 原文地址:http://blog.csdn.net/x_yp/arti ...
- POJ3155 Hard Life [最大密度子图]
题意:最大密度子图 #include<iostream> #include<cstdio> #include<cstring> #include<algo ...
- SPOJ Highways [矩阵树定理]
裸题 注意: 1.消元时判断系数为0,退出 2.最后乘ans要用double.... #include <iostream> #include <cstdio> #includ ...
- 关于CSS的外边距合并问题
首先,需要明确的是只有普通文档流中块框的垂直外边距才会发生外边距合并.行内框.浮动框或绝对定位之间的外边距不会合并. 而在普通文档流中,这又分两种情况,分别是父子元素之间和相邻元素之间. <!D ...
- 发送POST测试请求的若干方法
最近在工作中需要测试发送带Json格式body值的HTTP POST请求.起初,我在Linux环境下使用curl命令去发送请求,但是,在发送的过程中却遇到了一些问题,经过一段时间的摸索,发现了以下几种 ...
- Trie树 字典树-学习笔记
字符串--蒟蒻永远的阴影 对于字符串匹配 KMP很好的解决了以一个文本串匹配一个模板串的问题 但如果模板串有多个呢 这是KMP不再适用 我们引入一个新的数据结构--字典树 (当然又有像AC自动机这样更 ...
- 架构师入门：搭建双注册中心的高可用Eureka架构（基于项目实战）
本文的案例是基于 架构师入门:搭建基本的Eureka架构(从项目里抽取) 改写的. 在上文里,我们演示Eureka客户端调用服务的整个流程,在这部分里我们将在架构上有所改进.大家可以想象下,在上文里案 ...
- [翻译] 编写高性能 .NET 代码--第二章 GC -- 避免使用终结器,避免大对象,避免复制缓冲区
避免使用终结器 如果没有必要,是不需要实现一个终结器(Finalizer).终结器的代码主要是让GC回收非托管资源用.它会在GC完成标记对象为可回收后,放入一个终结器队列里,在由另外一个线程执行队列里 ...
- 深入研究Node.js的底层原理和高级使用
深入研究Node.js的底层原理和高级使用