CAGradientLayer实现向右滑动解锁的动画效果
2017-07-22 15:37
309 查看
//bgView
UIView *bottomView = [[UIView
alloc] initWithFrame:CGRectMake(0.0f,
self.view.height-120.0f,
self.view.width,
60.0f)];
bottomView.backgroundColor = [UIColor
grayColor];
[self.view
addSubview:bottomView];
CAGradientLayer *gradinetLayer = [CAGradientLayer
layer];
[bottomView.layer
addSublayer:gradinetLayer];
gradinetLayer.frame =
CGRectMake(0,
10, bottomView.width,
30);
gradinetLayer.startPoint =
CGPointMake(0,
0.5);//要确定startPoint
gradinetLayer.endPoint =
CGPointMake(1,
0.5);//确定endPoint,这二者共同决定动画滚动的方向
gradinetLayer.colors =
@[
(__bridge
id)[UIColor
blackColor].CGColor,
(__bridge
id)[UIColor
whiteColor].CGColor,
(__bridge
id)[UIColor
blackColor].CGColor
];
gradinetLayer.locations =
@[@0.25,@0.5,@0.75];
// 添加部分
CABasicAnimation *basicAnimation = [CABasicAnimation
animationWithKeyPath:@"locations"];
basicAnimation.fromValue =
@[@0, @0,
@0.25];
basicAnimation.toValue =
@[@0.75, @1,
@1];
basicAnimation.duration =
2.0;
basicAnimation.repeatCount =
HUGE;
[gradinetLayer
addAnimation:basicAnimation
forKey:nil];
UIView *bottomView = [[UIView
alloc] initWithFrame:CGRectMake(0.0f,
self.view.height-120.0f,
self.view.width,
60.0f)];
bottomView.backgroundColor = [UIColor
grayColor];
[self.view
addSubview:bottomView];
CAGradientLayer *gradinetLayer = [CAGradientLayer
layer];
[bottomView.layer
addSublayer:gradinetLayer];
gradinetLayer.frame =
CGRectMake(0,
10, bottomView.width,
30);
gradinetLayer.startPoint =
CGPointMake(0,
0.5);//要确定startPoint
gradinetLayer.endPoint =
CGPointMake(1,
0.5);//确定endPoint,这二者共同决定动画滚动的方向
gradinetLayer.colors =
@[
(__bridge
id)[UIColor
blackColor].CGColor,
(__bridge
id)[UIColor
whiteColor].CGColor,
(__bridge
id)[UIColor
blackColor].CGColor
];
gradinetLayer.locations =
@[@0.25,@0.5,@0.75];
// 添加部分
CABasicAnimation *basicAnimation = [CABasicAnimation
animationWithKeyPath:@"locations"];
basicAnimation.fromValue =
@[@0, @0,
@0.25];
basicAnimation.toValue =
@[@0.75, @1,
@1];
basicAnimation.duration =
2.0;
basicAnimation.repeatCount =
HUGE;
[gradinetLayer
addAnimation:basicAnimation
forKey:nil];
相关文章推荐
- CAGradientLayer(颜色渐变) -- 实现iphone手机屏幕“滑动来解锁”动画效果
- CAGradientLayer实现"滑动来解锁"动画效果
- 使用Design包实现QQ动画侧滑效果和滑动菜单导航
- 手势检测实现相册的左右滑动(并加上移动与旋转的特效) 首先,activity_main.xml里,使用ViewFlipper组件(可使用动画控制多个组件之间的切换效果) <?xml version="
- 【Android UI设计与开发】第18期:滑动菜单栏(三)SlidingMenu动画效果的实现 .
- iOS滑动解锁/滑动获取验证码效果实现
- android之ViewFlipper实现左右滑动动画效果
- Android进阶:实现android系统自带查看照片动画效果 类似Gallery手势滑动
- Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
- android之ViewFlipper实现左右滑动动画效果
- JQuery.HoverDir库基本使用方法,实现图片滑动动画效果
- 滑动菜单栏(三)SlidingMenu动画效果的实现
- CAGradientLayer与CAShapeLayer实现不同颜色画圆动画(Spark相机的录制的效果)
- Android ViewGroup实现页面滑动效果并实现不同的动画效果(转载)
- Android程序开发之使用Design包实现QQ动画侧滑效果和滑动菜单导航
- android之ViewFlipper实现左右滑动动画效果
- 滑动结束 Activity(二)阴影效果和动画的实现
- ViewPager实现多页面滑动切换和动画效果
- 【Android UI设计与开发】第18期:滑动菜单栏(三)SlidingMenu动画效果的实现
- 【Android UI设计与开发】第18期:滑动菜单栏(三)SlidingMenu动画效果的实现