一、简单分析
音乐震动条不需要与用户交互。我们可以使用复制层来操作。添加震动条。添加动画。
复制层说明
|
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 |
三、图示
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
