一、简单分析
音乐震动条不需要与用户交互。我们可以使用复制层来操作。添加震动条。添加动画。
复制层说明
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
//创建复制层
-(void)createrepl{
//复制层
careplicatorlayer * repl = [careplicatorlayer layer];
repl.frame = self.contentv.bounds;
//复制6份
repl.instancecount = 6;
//形变，每一个形变都是相对于上一个复制出来的子层开始的
repl.instancetransform = catransform3dmaketranslation(45, 0, 0);
//动画延时执行
repl.instancedelay = 0.5;
///要设置复制层的颜色 原始层的颜色要设为白色.
repl.instancecolor = [uicolor redcolor].cgcolor;
[self.contentv.layer addsublayer:repl];
self.repl = repl;
}
|
二、代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
//
// viewcontroller.m
// 03_uiview75_音乐震动条
//
// created by 杞文明 on 17/7/21.
// copyright © 2017年 杞文明. all rights reserved.
//
#import "viewcontroller.h"
@interface viewcontroller ()
@property (weak, nonatomic) iboutlet uiview *contentv;
@property (weak,nonatomic) careplicatorlayer * repl;
@property (weak,nonatomic) calayer * layer;
@end
@implementation viewcontroller
- (void)viewdidload {
[super viewdidload];
//1.创建复制层次
[self createrepl];
//2.添加音量震动条
[self addvoicebar];
//3.添加动画
[self addanimation];
}
//创建复制层
-(void)createrepl{
//复制层
careplicatorlayer * repl = [careplicatorlayer layer];
repl.frame = self.contentv.bounds;
//复制6份
repl.instancecount = 6;
//形变，每一个形变都是相对于上一个复制出来的子层开始的
repl.instancetransform = catransform3dmaketranslation(45, 0, 0);
//动画延时执行
repl.instancedelay = 0.5;
///要设置复制层的颜色 原始层的颜色要设为白色.
repl.instancecolor = [uicolor redcolor].cgcolor;
[self.contentv.layer addsublayer:repl];
self.repl = repl;
}
//添加音量震动条
-(void)addvoicebar{
calayer * layer = [calayer layer];
layer.frame = cgrectmake(0, self.contentv.bounds.size.height-150, 30, 150);
layer.backgroundcolor = [uicolor whitecolor].cgcolor;
layer.position = cgpointmake(0, self.contentv.bounds.size.height);
layer.anchorpoint = cgpointmake(0, 1);
[self.repl addsublayer:layer];
self.layer = layer;
}
//添加动画
-(void)addanimation{
//添加动画 对y方向缩放
cabasicanimation * anim = [cabasicanimation animation];
//设置属性
anim.keypath = @"transform.scale.y";
anim.tovalue = @0;
anim.repeatcount = maxfloat;
anim.autoreverses = yes;
anim.duration = 0.5;
[self.layer addanimation:anim forkey:nil];
}
@end
|
三、图示
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。