触控(Touch) 、 布局(Layout)

1 使用触控实现一个简易的画板

1.1 问题

触控（Touch）是一个UITouch类型的对象，当用户触摸了屏幕上的视图时自动被创建，通常使用触控实现绘图、涂鸦、手写等功能。本案例使用触控实现一个简易的画板，可以在画板上勾画出一条线，如图-1所示：

图-1

1.2 方案

首先在创建好的SingleViewApplication项目中创建一个画板类TRDrawView，继承至UIView，该类有一个NSMutableArray类型的属性points，用于存储手指触摸的轨迹也就是点。

其次在Stroyboard的场景中拖放一个View控件，和屏幕一样大小，然后将View的类型修改为TRDrawView。

然后在TRDrawView类中通过touchesBegan:、touchesMoved:方法获取到手指的触摸点，将点存储到points数组中。

最后在TRDrawView类中重写drawRect方法，该方法中根据手指的触摸轨迹points进行屏幕绘制。切记要在touchesMoved方法中调用setNeedDisplay刷新界面。

1.3 步骤

实现此案例需要按照如下步骤进行。

步骤一：创建项目和画板类

首先在创建好的SingleViewApplication项目中创建一个画板类TRDrawView，继承至UIView，该类有一个NSMutableArray类型的属性points，用于存储手指触摸的轨迹也就是点，代码如下所示：

 

1. @interface TRDrawView ()
2. @property (strong, nonatomic) NSMutableArray *points;
3. @end

然后从对象库中拖放一个View控件到Storyboard场景中，View控件的大小和屏幕一样。在右边栏的检查器三将View的类型设置为TRDrawView，如图-2所示：

图-2

步骤二：在TRDawView中获取手指触摸轨迹

在TRDrawView类中首先重写touchesBegan:，在该方法将points属性进行初始化，并获取当前手指的触摸点，存储到points数组中，代码如下所示：

 

1. - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
2. {
3. //初始化数组
4. self.points = [@[]mutableCopy];
5. //获取当前触摸点
6. UITouch *touch = [touches anyObject];
7. CGPoint point = [touch locationInView:self];
8. //将点放进数组中
9. NSValue *value = [NSValue valueWithCGPoint:point];
10. [self.points addObject:value];
11. }

然后再重写touchesMove:方法，在该方法中继续获取手指的当前触摸点，并将触摸点存储到points数组中，代码如下所示：

 

1. - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
2. {
3. //获取当前触摸点
4. UITouch *touch = [touches anyObject];
5. CGPoint point = [touch locationInView:self];
6. //将点放进数组中
7. NSValue *value = [NSValue valueWithCGPoint:point];
8. [self.points addObject:value];
9. }

步骤三：重写drawRect方法，进行屏幕绘制

在TRDrawView类中重写drawRect方法，该方法中根据手指的触摸轨迹points进行屏幕绘制，代码如下所示：

 

1. - (void)drawRect:(CGRect)rect
2. {
3. UIBezierPath *path = [UIBezierPath bezierPath];
4. NSValue *value = [self.points firstObject];
5. [path moveToPoint:[value CGPointValue]];
6. for (NSValue *value in self.points) {
7. [path addLineToPoint:[value CGPointValue]];
8. }
9. path.lineWidth = 4;
10. [[UIColor redColor]setStroke];
11. [path stroke];
12. }

最后要在touchesMoved:和touchesEnded:方法中调用setNeedDisplay刷新界面，代码如下所示：

 

1. - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
2. {
3. //获取当前触摸点
4. UITouch *touch = [touches anyObject];
5. CGPoint point = [touch locationInView:self];
6. //将点放进数组中
7. NSValue *value = [NSValue valueWithCGPoint:point];
8. [self.points addObject:value];
9. //刷新界面
10. [self setNeedsDisplay];
11. }
12. - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
13. {
14. [self setNeedsDisplay];
15. }

1.4 完整代码

本案例中，TRDrawView.m文件中的完整代码如下所示：

代码

2 使用纯代码进行界面布局

2.1 问题

纯代码布局就是重写布局方法viewDidLayoutSubviews，在该方法内部计算每个子视图的frame属性。本案例将学习如何使用纯代码进行布局，使界面上的Button和Label控件始终保持在固定的位置，如图-3、图-4所示：

图-3

图-4

2.2 方案

首先创建一个SingleViewApplication项目，将自动布局功能关闭。

在Stroyboard的场景中拖放两个Button控件和一个Label控件，Button放置在屏幕的上方，并且大小一样，Label控件放置在屏幕的右下角。

然后在TRViewController类中重写布局方法viewDidLayoutSubviews，在该方法中根据父视图的bounds计算Button和Label的frame。

2.3 步骤

实现此案例需要按照如下步骤进行。

步骤一：创建项目，添加控件

首先创建一个SingleViewApplication项目，在右边栏的检查器一中将自动布局功能关闭，如图-5所示：

图-5

在Stroyboard的场景中拖放两个Button控件和一个Label控件，Button放置在屏幕的上方，并且大小一样，Label控件放置在屏幕的右下角，如图-6所示：

图-6

步骤二：重写布局方法viewDidLayoutSubviews，进行界面布局

将Storyboard中的Button控件和Label控件关联成TRViewController的私有属性，代码如下所示：

 

1. @interface TRViewController ()
2. @property (weak, nonatomic) IBOutlet UIButton *button1;
3. @property (weak, nonatomic) IBOutlet UIButton *button2;
4. @property (weak, nonatomic) IBOutlet UILabel *label;
5. @end

在TRViewController类中重写布局方法viewDidLayoutSubviews，在该方法中根据父视图的bounds计算Button和Label的frame，代码如下所示：

 

1. - (void)viewDidLayoutSubviews
2. {
3. [super viewDidLayoutSubviews];
4. CGFloat buttonWidth = (self.view.bounds.size.width - 20 - 20 - 10) * 0.5;
5. CGRect frame = CGRectMake(20, self.button1.frame.origin.y, buttonWidth, 40);
6. self.button1.frame = frame;
7. frame = CGRectMake(self.button1.frame.size.width+30, self.button2.frame.origin.y, buttonWidth, 40);
8. self.button2.frame = frame;
10. frame = self.label.frame;
11. self.label.frame = CGRectMake(self.view.bounds.size.width-20-frame.size.width, self.view.bounds.size.height-20-frame.size.height, frame.size.width, frame.size.height);
12. }

2.4 完整代码

本案例中，TRViewController.m文件中的完整代码如下所示：

 

1. #import "TRViewController.h"
3. @interface TRViewController ()
4. @property (weak, nonatomic) IBOutlet UIButton *button1;
5. @property (weak, nonatomic) IBOutlet UIButton *button2;
6. @property (weak, nonatomic) IBOutlet UILabel *label;
7. @end
9. @implementation TRViewController
11. - (void)viewDidLayoutSubviews
12. {
13. [super viewDidLayoutSubviews];
14. CGFloat buttonWidth = (self.view.bounds.size.width - 20 - 20 - 10) * 0.5;
15. CGRect frame = CGRectMake(20, self.button1.frame.origin.y, buttonWidth, 40);
16. self.button1.frame = frame;
17. frame = CGRectMake(self.button1.frame.size.width+30, self.button2.frame.origin.y, buttonWidth, 40);
18. self.button2.frame = frame;
20. frame = self.label.frame;
21. self.label.frame = CGRectMake(self.view.bounds.size.width-20-frame.size.width, self.view.bounds.size.height-20-frame.size.height, frame.size.width, frame.size.height);
22. }
23. @end

3 根据上边栏和下边栏的高度进行布局

3.1 问题

从iOS7开始，视图控制器会渗透到各种Bar下面，包括：NavigationBar、ToolBar、TabBar、StatusBar等；这些Bar会挤占视图的空间，在布局时就需要根据各种Bar所挤占的空间大小来计算控件的frame，本案例直接在上一个案例的基础上实现，根据上边栏和下边栏的高度对界面进行布局，如图-7、图-8所示：

图-7

图-8

3.2 方案

首先在上一个案例的基础上增加一个NavigationController和TabBarController，在界面的中间拖放一个Button控件，标题设置为“隐藏NavigationBar”，并将Button控件关联成TRViewController的私有方法hideNavigationBar。

然后在TRViewController类中重写布局方法viewDidLayoutSubviews，在该方法中根据父视图的bounds和上下边栏的高度计算Button和Label的frame。

3.3 步骤

实现此案例需要按照如下步骤进行。

步骤一：创建项目，添加按钮控件

在上一个案例的基础上增加一个NavigationController和TabBarController，在界面的中间拖放一个Button控件，标题设置为“隐藏NavigationBar”，如图-9所示：

图-9

然后将Button控件关联成TRViewController的私有方法hideNavigationBar，该方法的功能是将导航栏隐藏或显示，代码如下所示：

 

1. - (IBAction)hideNavigationBar
2. {
3. self.navigationController.navigationBarHidden = !self.navigationController.navigationBarHidden;
4. }

步骤二：重写布局方法viewDidLayoutSubviews，进行界面布局

在TRViewController类中重写布局方法viewDidLayoutSubviews，在该方法中根据先通过属性self.topLayoutGuide.length和self.bottomLayoutGuide.length获取到上下边栏的高度，然后再通过父视图的bounds和上下边栏的高度计算出Button和Label的frame，代码如下所示：

 

1. - (void)viewDidLayoutSubviews
2. {
3. [super viewDidLayoutSubviews];
4. CGFloat buttonWidth = (self.view.bounds.size.width - 20 - 20 - 10) * 0.5;
6. //从iOS7开始，可以随时知道VC的上面和下面被各种Bar占据了多少的空间
7. CGFloat top = self.topLayoutGuide.length;
8. CGRect frame = CGRectMake(20, top+10, buttonWidth, 40);
9. self.button1.frame = frame;
10. frame.origin.x += buttonWidth + 10;
11. self.button2.frame = frame;
12. //下面的各种Bar(TabBar或ToolBar)占了VC多高的空间
13. CGFloat bottom = self.bottomLayoutGuide.length;
14. frame = self.label.frame;
15. frame = CGRectMake(self.view.bounds.size.width - 20 - frame.size.width , self.view.bounds.size.height - 10 - frame.size.height - bottom, frame.size.width, frame.size.height);
16. self.label.frame = frame;
18. frame = self.hideButton.frame;
19. frame.origin.x = self.view.bounds.size.width * 0.5 - frame.size.width * 0.5;
20. frame.origin.y = self.view.bounds.size.height * 0.5 - frame.size.height * 0.5;
21. self.hideButton.frame = frame;
22. }

3.4 完整代码

本案例中，TRViewController.m文件中的完整代码如下所示：

 

1. #import "TRViewController.h"
3. @interface TRViewController ()
4. @property (weak, nonatomic) IBOutlet UIButton *button1;
5. @property (weak, nonatomic) IBOutlet UIButton *button2;
6. @property (weak, nonatomic) IBOutlet UILabel *label;
7. @property (weak, nonatomic) IBOutlet UIButton *hideButton;
8. @end
10. @implementation TRViewController
11. - (IBAction)hideNavigationBar
12. {
13. self.navigationController.navigationBarHidden = !self.navigationController.navigationBarHidden;
14. }
16. - (void)viewDidLayoutSubviews
17. {
18. [super viewDidLayoutSubviews];
19. CGFloat buttonWidth = (self.view.bounds.size.width - 20 - 20 - 10) * 0.5;
21. //从iOS7开始，可以随时知道VC的上面和下面被各种Bar占据了多少的空间
22. CGFloat top = self.topLayoutGuide.length;
23. CGRect frame = CGRectMake(20, top+10, buttonWidth, 40);
24. self.button1.frame = frame;
25. frame.origin.x += buttonWidth + 10;
26. self.button2.frame = frame;
27. //下面的各种Bar(TabBar或ToolBar)占了VC多高的空间
28. CGFloat bottom = self.bottomLayoutGuide.length;
29. frame = self.label.frame;
30. frame = CGRectMake(self.view.bounds.size.width - 20 - frame.size.width , self.view.bounds.size.height - 10 - frame.size.height - bottom, frame.size.width, frame.size.height);
31. self.label.frame = frame;
33. frame = self.hideButton.frame;
34. frame.origin.x = self.view.bounds.size.width * 0.5 - frame.size.width * 0.5;
35. frame.origin.y = self.view.bounds.size.height * 0.5 - frame.size.height * 0.5;
36. self.hideButton.frame = frame;
37. }
38. @end

4 演示绘制图形的布局

4.1 问题

使用纯代码布局并且AutoLayout关闭的状态下，在drawRect方法中绘制的图形，在视图大小发生变化时图形会失真，本案例学习绘制图形的布局如图-10，图-11所示：

图-10

图-11

4.2 方案

首先在创建好的项目中将自动布局功能关闭，再创建一个TRView类，继承至UIView。

其次在Stroyboard的场景中拖放一个View控件，和屏幕一样大小，然后将View的类型修改为TRView。

然后在TRView类中重写drawRect方法，在屏幕左上方绘制一个三角形。

最后将TRView的contentMode属性设置成Redraw，即可实现绘制的布局，屏幕切换或者变化绘制的图形也不会失真。

4.3 步骤

实现此案例需要按照如下步骤进行。

步骤一：创建TRView类，绘制图像

首先在创建好的项目中将自动布局功能关闭，创建一个TRView类，继承至UIView，用于绘制图形。在Storyboard中拖放一个View控件，和屏幕同等大小，并将View的类型修改为TRView，如图-12所示：

图-12

然后将View控件关联成TRViewController的私有属性myView，代码如下所示：

 

1. @interface TRViewController ()
2. @property (weak, nonatomic) IBOutlet TRView *myView;
3. @end

最后在TRView类中重写drawRect方法，在屏幕左上方绘制一个三角形，代码如下所示：

 

1. - (void)drawRect:(CGRect)rect
2. {
3. UIBezierPath *path = [UIBezierPath bezierPath];
4. [path moveToPoint:CGPointMake(20, 20)];
5. [path addLineToPoint:CGPointMake(20, 120)];
6. [path addLineToPoint:CGPointMake(120, 20)];
7. [path closePath];
8. path.lineWidth = 4;
9. [[UIColor redColor] setStroke];
10. [path stroke];
11. }

步骤二：进行绘制布局

完成绘制代码，运行程序可见屏幕左上方有一个三角形，但是当切换成横屏时发现三角形失真，如图-13所示：

图-13

解决的办法是，当视图大小发生变化时，进行重新绘制图形，即在布局方法viewDidLayoutSubviews里面调用setNeedDisplay方法即可，代码如下所示：

 

1. - (void)viewDidLayoutSubviews
2. {
3. [super viewDidLayoutSubviews];
4. [self.myView setNeedsDisplay];
5. }

但是通常直接将myView的contentMode属性设置为Redraw即可实现绘制布局，相当于调用了上面的代码，将myView的contentMode属性设置为Redraw有两个方法，第一种可以直接通过代码设置，代码如下所示：

1. - (void)viewDidLoad
2. {
3. [super viewDidLoad];
4. self.myView.contentMode = UIViewContentModeRedraw;
5. }

第二种方法可以直接在Stroyboard中设置，右边栏的检查器四中将Mode选项设置为Redraw即可，如图-14所示：

图-14

将contentMode设置为Redraw之后就不需要再写布局代码，此时切换屏幕绘制图形就不会失真了。

4.4 完整代码

本案例中，TRViewController.m文件中的完整代码如下所示：

 

1. #import "TRViewController.h"
2. #import "TRView.h"
3. @interface TRViewController ()
4. @property (weak, nonatomic) IBOutlet TRView *myView;
5. @end
7. @implementation TRViewController
9. - (void)viewDidLoad
10. {
11. [super viewDidLoad];
12. self.myView.contentMode = UIViewContentModeRedraw;
13. }
15. //- (void)viewDidLayoutSubviews
16. //{
17. // [super viewDidLayoutSubviews];
18. // [self.myView setNeedsDisplay];
19. //}
20. @end

本案例中，TRView.m文件中的完整代码如下所示：

 

1. #import "TRView.h"
3. @implementation TRView
4. - (void)drawRect:(CGRect)rect
5. {
6. UIBezierPath *path = [UIBezierPath bezierPath];
7. [path moveToPoint:CGPointMake(20, 20)];
8. [path addLineToPoint:CGPointMake(20, 120)];
9. [path addLineToPoint:CGPointMake(120, 20)];
10. [path closePath];
11. path.lineWidth = 4;
12. [[UIColor redColor] setStroke];
13. [path stroke];
14. }
15. @end

5 对乐库项目的播放列表单元格进行布局

5.1 问题

视图自身也可以使用布局方法layoutSubviews对自己的子视图进行布局，本案例使用视图的layoutSubviews方法给乐库项目的播放列表单元格进行布局，如图-15所示：

图-15

5.2 方案

首先创建一个SingleViewApplication项目，将Xcode自带的TRViewController类删除，创建一个TRMusicsTableViewController类，继承至UITableViewController，该类有一个NSArray类型的属性musics用于存储歌曲数据源。

再将Storyboard中自带的场景删除，拖放一个TableViewController到界面中，嵌入一个NavigaitionController。在右边栏的检查器中将TableViewController设置为动态表视图，并和TRMusicsTableViewController类进行绑定。

其次创建一个带有xib的TRMusicCell类，继承至UITableViewCell，在xib文件中进行自定义cell，往cell的contentView视图上拖放所需要的控件。

首先在cell的上方拖放一个Label控件，用于显示歌曲的名字。在cell的下方依次拖放两个ImageView控件和两个Label控件，两个ImageView控件分别用于表示歌曲是否为本地歌曲和是否高清。两个Label控件分别用于显示歌曲的信息和时长。

调整好cell上面各个控件的大小，将个控件关联为TRMusicCell的属性musicNameLabel、albumAndArtistLabel、durationLabel、downloadedImageView以及hdImageView。

然后再创建一个TRMusic类用于存储歌曲的相关信息，该类继承至NSObject，有五个属性，分别为：

NSString类型的name，用于记录歌曲名称；

NSString类型的album，用于记录歌曲所属专辑；

NSString类型的artist，用于记录歌曲的演唱者；

NSString类型的duration，用于记录歌曲的时长；

BOOL类型的highQuality和downloaded，分别用于记录是否高清和是否本地下载。

我们创建一个TRMusicGroup类，用于生成一组模拟的歌曲数据。

最后在TRMusicCell类中定义一个TRMusic类型属性music，用于存储单元格需要展示的歌曲。重写layoutSubviews方法，进行cell的界面布局，该方法中会根据每首歌曲的信息，计算子视图的frame进行布局。

在TRMusicTableViewController类注册Cell，回答三问给表视图加载歌曲数据。

5.3 步骤

实现此案例需要按照如下步骤进行。

步骤一：创建播放列表项目

首先创建一个SingleViewApplication项目，将Xcode自带的TRViewController类删除，创建一个TRMusicsTableViewController类，继承至UITableViewController，该类有一个NSArray类型的属性musics用于存储歌曲数据源，代码如下所示：

1. @interface TRMusicTableViewController : UITableViewController
2. @property (strong, nonatomic) NSArray *musics;
3. @end

然后将Storyboard中自带的场景删除，拖放一个TableViewController到界面中，嵌入一个NavigaitionController。在右边栏的检查器中将TableViewController设置为动态表视图，并和TRMusicsTableViewController类进行绑定，如图-16所示：

图-16

为了能更灵活的使用自定义cell，由于本案例使用xib的方式进行自定义cell，所以将Storyboard中表视图自带的cell对象删除，如图-17所示：

图-17

步骤二：创建TRMusicCell类，自定义Cell

首先创建一个带有xib的TRMusicCell类，继承至UITableViewCell，在xib文件中进行自定义cell，往cell的contentView视图上拖放所需要的控件。

先在cell的上方拖放一个Label控件，用于显示歌曲的名字。

再在cell的下方依次拖放两个ImageView控件和两个Label控件，两个ImageView控件分别用于表示歌曲是否为本地歌曲和是否高清。两个Label控件分别用于显示歌曲的信息和时长。

设置好cell上面各个控件的大小和属性，如图-18所示：

图-18

最后将cell上的各个控件关联为TRMusicCell的属性musicNameLabel、albumAndArtistLabel、durationLabel、downloadedImageView以及hdImageView，代码如下所示：

 

1. @interface TRMusicCell ()
2. @property (weak, nonatomic) IBOutlet UILabel *musicNameLabel;
3. @property (weak, nonatomic) IBOutlet UILabel *albumAndArtistLabel;
4. @property (weak, nonatomic) IBOutlet UILabel *durationLabel;
5. @property (weak, nonatomic) IBOutlet UIImageView *downloadedImageView;
6. @property (weak, nonatomic) IBOutlet UIImageView *hdImageView;
7. @end

步骤三：创建TRMusic类和歌曲模拟数据

首先创建一个TRMusic类用于存储歌曲的相关信息，该类继承至NSObject，有五个属性，分别为：

NSString类型的name，用于记录歌曲名称；

NSString类型的album，用于记录歌曲所属专辑；

NSString类型的artist，用于记录歌曲的演唱者；

NSString类型的duration，用于记录歌曲的时长；

BOOL类型的highQuality和downloaded，分别用于记录是否高清和是否本地下载。

代码如下所示：

 

1. @interface TRMusic : NSObject
2. @property (nonatomic, copy) NSString * name;
3. @property (nonatomic, copy) NSString * album;
4. @property (nonatomic, copy) NSString * artist;
5. @property (nonatomic) NSTimeInterval duration;
6. @property (nonatomic) BOOL highQuality;
7. @property (nonatomic) BOOL downloaded;
8. @end

然后再创建一个TRMusicGroup类，该类提供一个静态方法fakeData，用于生成一组模拟的歌曲数据，代码如下所示：

 

1. + (NSArray *) fakeData
2. {
3. NSMutableArray * musics = nil;
4. TRMusic * music = nil;
6. musics = [NSMutableArray array];
8. music = [[TRMusic alloc] init];
9. music.name = @"Burn";
10. music.album = @"Burn - Single";
11. music.artist = @"Ellie Goulding";
12. music.duration = [self durationWithMinutes:3 andSeconds:51];
13. music.downloaded = YES;
14. music.highQuality = NO;
15. [musics addObject:music];
17. music = [[TRMusic alloc] init];
18. music.name = @"Summertime Sadness (Cedric Gervais Remix)";
19. music.album = @"Summertime Sadness (Cedric Gervais Remix) - Single";
20. music.artist = @"Lana Del Rey";
21. music.duration = [self durationWithMinutes:6 andSeconds:52];
22. music.downloaded = YES;
23. music.highQuality = YES;
24. [musics addObject:music];
26. music = [[TRMusic alloc] init];
27. music.name = @"Spectrum";
28. music.album = @"Clarity";
29. music.artist = @"Zedd";
30. music.duration = [self durationWithMinutes:4 andSeconds:3];
31. music.downloaded = YES;
32. music.highQuality = YES;
33. [musics addObject:music];
35. music = [[TRMusic alloc] init];
36. music.name = @"It's Time";
37. music.album = @"It’s Time";
38. music.artist = @"Imagine Dragons";
39. music.duration = [self durationWithMinutes:4 andSeconds:0];
40. music.downloaded = NO;
41. music.highQuality = YES;
42. [musics addObject:music];
44. music = [[TRMusic alloc] init];
45. music.name = @"Dancing in The Moonlight";
46. music.album = @"Dancing In The Moonlight: The Best Of Toploader";
47. music.artist = @"Toploader";
48. music.duration = [self durationWithMinutes:3 andSeconds:53];
49. music.downloaded = YES;
50. music.highQuality = YES;
51. [musics addObject:music];
53. music = [[TRMusic alloc] init];
54. music.name = @"Thinking About You (feat. Ayah Marar)";
55. music.album = @"18 Months (Deluxe Edition)";
56. music.artist = @"Calvin Harris";
57. music.duration = [self durationWithMinutes:4 andSeconds:8];
58. music.downloaded = YES;
59. music.highQuality = YES;
60. [musics addObject:music];
62. music = [[TRMusic alloc] init];
63. music.name = @"You Make Me (feat. Salem Al Fakir)";
64. music.album = @"True";
65. music.artist = @"Avicii";
66. music.duration = [self durationWithMinutes:3 andSeconds:51];
67. music.downloaded = YES;
68. music.highQuality = NO;
69. [musics addObject:music];
71. music = [[TRMusic alloc] init];
72. music.name = @"Safe and Sound";
73. music.album = @"Capital Cities EP";
74. music.artist = @"Capital Cities";
75. music.duration = [self durationWithMinutes:3 andSeconds:51];
76. music.downloaded = YES;
77. music.highQuality = NO;
78. [musics addObject:music];
80. music = [[TRMusic alloc] init];
81. music.name = @"Reaching Out";
82. music.album = @"Welcome Reality (Deluxe Version)";
83. music.artist = @"nero";
84. music.duration = [self durationWithMinutes:3 andSeconds:51];
85. music.downloaded = YES;
86. music.highQuality = NO;
87. [musics addObject:music];
89. music = [[TRMusic alloc] init];
90. music.name = @"Recover";
91. music.album = @"Recover - EP";
92. music.artist = @"CHVRCHES";
93. music.duration = [self durationWithMinutes:3 andSeconds:51];
94. music.downloaded = YES;
95. music.highQuality = NO;
96. [musics addObject:music];
98. music = [[TRMusic alloc] init];
99. music.name = @"Hold On, We're Going Home (feat. Majid Jordan)";
100. music.album = @"Hold On, We're Going Home (feat. Majid Jordan) - Single";
101. music.artist = @"Drake";
102. music.duration = [self durationWithMinutes:3 andSeconds:51];
103. music.downloaded = YES;
104. music.highQuality = NO;
105. [musics addObject:music];
107. music = [[TRMusic alloc] init];
108. music.name = @"The Mother We Share";
109. music.album = @"The Mother We Share - Single";
110. music.artist = @"CHVRCHES";
111. music.duration = [self durationWithMinutes:3 andSeconds:51];
112. music.downloaded = YES;
113. music.highQuality = NO;
114. [musics addObject:music];
116. music = [[TRMusic alloc] init];
117. music.name = @"Promises";
118. music.album = @"nero";
119. music.artist = @"Promises - EP";
120. music.duration = [self durationWithMinutes:3 andSeconds:51];
121. music.downloaded = YES;
122. music.highQuality = NO;
123. [musics addObject:music];
125. music = [[TRMusic alloc] init];
126. music.name = @"Alone Together";
127. music.album = @"Save Rock and Roll";
128. music.artist = @"Fall Out Boy";
129. music.duration = [self durationWithMinutes:3 andSeconds:51];
130. music.downloaded = YES;
131. music.highQuality = NO;
132. [musics addObject:music];
134. music = [[TRMusic alloc] init];
135. music.name = @"Reload (Radio Edit)";
136. music.album = @"Reload (Radio Edit) - Single";
137. music.artist = @"Sebastian Ingrosso";
138. music.duration = [self durationWithMinutes:3 andSeconds:51];
139. music.downloaded = YES;
140. music.highQuality = NO;
141. [musics addObject:music];
143. music = [[TRMusic alloc] init];
144. music.name = @"I Love It (feat. Charli XCX)";
145. music.album = @"Iconic";
146. music.artist = @"Icona Pop";
147. music.duration = [self durationWithMinutes:3 andSeconds:51];
148. music.downloaded = YES;
149. music.highQuality = NO;
150. [musics addObject:music];
152. music = [[TRMusic alloc] init];
153. music.name = @"Feel the Love";
154. music.album = @"Feel the Love (feat. John Newman) [Remixes] - EP";
155. music.artist = @"Rudimental";
156. music.duration = [self durationWithMinutes:3 andSeconds:51];
157. music.downloaded = YES;
158. music.highQuality = NO;
159. [musics addObject:music];
161. music = [[TRMusic alloc] init];
162. music.name = @"Goin' Crazy (feat. Robbie Williams)";
163. music.album = @"Goin' Crazy (feat. Robbie Williams) - Single";
164. music.artist = @"Dizzee Rascal";
165. music.duration = [self durationWithMinutes:3 andSeconds:51];
166. music.downloaded = YES;
167. music.highQuality = NO;
168. [musics addObject:music];
170. music = [[TRMusic alloc] init];
171. music.name = @"Still Into You";
172. music.album = @"Paramore";
173. music.artist = @"Paramore";
174. music.duration = [self durationWithMinutes:3 andSeconds:51];
175. music.downloaded = YES;
176. music.highQuality = NO;
177. [musics addObject:music];
179. music = [[TRMusic alloc] init];
180. music.name = @"Heart Attack";
181. music.album = @"Demi";
182. music.artist = @"Demi Lovato";
183. music.duration = [self durationWithMinutes:3 andSeconds:51];
184. music.downloaded = YES;
185. music.highQuality = NO;
186. [musics addObject:music];
188. music = [[TRMusic alloc] init];
189. music.name = @"Explosions";
190. music.album = @"Halcyon (Deluxe Edition)";
191. music.artist = @"Ellie Goulding";
192. music.duration = [self durationWithMinutes:3 andSeconds:51];
193. music.downloaded = YES;
194. music.highQuality = NO;
195. [musics addObject:music];
197. music = [[TRMusic alloc] init];
198. music.name = @"I Need Your Love (feat. Ellie Goulding)";
199. music.album = @"I Need Your Love";
200. music.artist = @"Calvin Harris";
201. music.duration = [self durationWithMinutes:3 andSeconds:51];
202. music.downloaded = YES;
203. music.highQuality = NO;
204. [musics addObject:music];
206. music = [[TRMusic alloc] init];
207. music.name = @"Starry Eyed";
208. music.album = @"Bright Lights";
209. music.artist = @"Ellie Goulding";
210. music.duration = [self durationWithMinutes:3 andSeconds:51];
211. music.downloaded = YES;
212. music.highQuality = NO;
213. [musics addObject:music];
215. music = [[TRMusic alloc] init];
216. music.name = @"Lights (Single Version)";
217. music.album = @"Bright Lights";
218. music.artist = @"Ellie Goulding";
219. music.duration = [self durationWithMinutes:3 andSeconds:51];
220. music.downloaded = YES;
221. music.highQuality = NO;
222. [musics addObject:music];
224. music = [[TRMusic alloc] init];
225. music.name = @"Who's That Chick?";
226. music.album = @"Who's That Chick - Single";
227. music.artist = @"David Guetta";
228. music.duration = [self durationWithMinutes:2 andSeconds:47];
229. music.downloaded = YES;
230. music.highQuality = NO;
231. [musics addObject:music];
233. TRMusicGroup * g1 = [[TRMusicGroup alloc] init];
234. g1.name = @"国外单曲";
235. g1.musics = [musics copy];
236. g1.state = TRMusicGroupStateDownloaded;
238. musics = [NSMutableArray array];
240. music = [[TRMusic alloc] init];
241. music.name = @"致青春";
242. music.album = @"致青春";
243. music.artist = @"王菲";
244. music.duration = [self durationWithMinutes:3 andSeconds:18];
245. music.downloaded = NO;
246. music.highQuality = NO;
247. [musics addObject:music];
249. music = [[TRMusic alloc] init];
250. music.name = @"好汉歌";
251. music.album = @"六十年代生人";
252. music.artist = @"刘欢";
253. music.duration = [self durationWithMinutes:3 andSeconds:41];
254. music.downloaded = NO;
255. music.highQuality = YES;
256. [musics addObject:music];
258. music = [[TRMusic alloc] init];
259. music.name = @"忐忑";
260. music.album = @"自由鸟";
261. music.artist = @"龚琳娜";
262. music.duration = [self durationWithMinutes:4 andSeconds:03];
263. music.downloaded = NO;
264. music.highQuality = YES;
265. [musics addObject:music];
267. music = [[TRMusic alloc] init];
268. music.name = @"爱情买卖";
269. music.album = @"我们的爱我不放手";
270. music.artist = @"慕容晓晓";
271. music.duration = [self durationWithMinutes:3 andSeconds:31];
272. music.downloaded = NO;
273. music.highQuality = YES;
274. [musics addObject:music];
276. music = [[TRMusic alloc] init];
277. music.name = @"法海你不懂爱";
278. music.album = @"法海你不懂爱 - 单曲";
279. music.artist = @"龚琳娜";
280. music.duration = [self durationWithMinutes:3 andSeconds:33];
281. music.downloaded = NO;
282. music.highQuality = NO;
283. [musics addObject:music];
285. music = [[TRMusic alloc] init];
286. music.name = @"最炫民族风";
287. music.album = @"我们的爱我不放手";
288. music.artist = @"凤凰传奇";
289. music.duration = [self durationWithMinutes:4 andSeconds:46];
290. music.downloaded = NO;
291. music.highQuality = YES;
292. [musics addObject:music];
294. music = [[TRMusic alloc] init];
295. music.name = @"金箍棒";
296. music.album = @"金箍棒 - 单曲";
297. music.artist = @"龚琳娜";
298. music.duration = [self durationWithMinutes:2 andSeconds:52];
299. music.downloaded = NO;
300. music.highQuality = NO;
301. [musics addObject:music];
303. TRMusicGroup * g2 = [[TRMusicGroup alloc] init];
304. g2.name = @"国内神曲";
305. g2.musics = [musics copy];
306. g2.state = TRMusicGroupStateNormal;
308. TRMusicGroup * g3 = [[TRMusicGroup alloc] init];
309. g3.name = @"Calvin Harris 专辑";
310. g3.musics = @[];
311. g3.state = TRMusicGroupStateNormal;
313. TRMusicGroup * g4 = [[TRMusicGroup alloc] init];
314. g4.name = @"Ellie Gounding 专辑";
315. g4.musics = @[];
316. g4.state = TRMusicGroupStateNormal;
318. return @[g1, g2, g3, g4];
319. }

步骤四：进行自定义cell布局

首先在TRMusicTableViewController类注册Cell，并在TRAppDelegate中对属性musics进行初始化，获取到模拟的歌曲数据，代码如下所示：

1. //在TRAppDelegate中进行musics属性的初始化
2. -(BOOL)application:(UIApplication *)application
3. didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
4. {
5. NSArray *musicGroups = [TRMusicGroup fakeData];
6. TRMusicGroup *group = musicGroups[0];
7. UINavigationController *navi = (UINavigationController *)self.window.rootViewController;
8. TRMusicTableViewController *musicTVC = (TRMusicTableViewController *) navi.topViewController;
9. musicTVC.musics = group.musics;
10. return YES;
11. }
12. //在TRMusicsTableViewController中注册cell
13. - (void)viewDidLoad
14. {
15. [super viewDidLoad];
16. [self.tableView registerNib:[UINib nibWithNibName: @"TRMusicCell" bundle:nil] forCellReuseIdentifier:musicCellIdentifier];
17. }

然后在TRMusicCell类中定义一个TRMusic类型属性music，用于存储单元格需要展示的歌曲，代码如下所示：

1. //TRMusicCell.h文件中定义属性music
2. @interface TRMusicCell : UITableViewCell
3. @property (strong, nonatomic) TRMusic *music;
4. @end

在TRMusicCell重写layoutSubviews方法，进行cell的界面布局，该方法中会根据每首歌曲的信息，计算子视图的frame进行布局，代码如下所示：

 

1. - (void)layoutSubviews
2. {
3. [super layoutSubviews];
4. CGFloat x = self.downloadedImageView.frame.origin.x;
5. if (self.music.downloaded){
6. x += 20;
7. }
8. if (self.music.highQuality) {
9. CGRect frame = self.hdImageView.frame;
10. frame.origin.x = x;
11. self.hdImageView.frame = frame;
12. x += 20;
13. }
14. CGRect frame = self.albumAndArtistLabel.frame;
15. frame.origin.x = x;
16. self.albumAndArtistLabel.frame = frame;
17. }

歌曲的高清和下载图标需要根据歌曲的相关信息进行显示，可以将此部分功能通过重写music的setter方法来实现，代码如下所示：

 

1. //TRMusicCell.m文件候中重写music的setter方法
2. - (void)setMusic:(TRMusic *)music
3. {
4. _music = music;
5. self.musicNameLabel.text = music.name;
6. self.albumAndArtistLabel.text = [NSString stringWithFormat:@"%@ - %@", music.album, music.artist];
7. self.durationLabel.text = [NSString stringWithFormat:@"%d:%02d", (int)music.duration/60, (int)music.duration%60];
8. self.downloadedImageView.hidden = !music.downloaded;
9. self.hdImageView.hidden = !music.highQuality;
10. //根据是否高清或下载状态，需要重新布局
11. [self setNeedsLayout];
12. }

最后在TRMusicsTableViewController类中回答三问给表视图加载歌曲数据，并将单元格的行高设置为50，代码如下所示：

1. -(NSInteger)tableView:(UITableView *)tableView
2. numberOfRowsInSection:(NSInteger)section
3. {
4. return self.musics.count;
5. }
7. -(UITableViewCell *)tableView:(UITableView *)tableView
8. cellForRowAtIndexPath:(NSIndexPath *)indexPath
9. {
10. TRMusicCell *cell = [tableView dequeueReusableCellWithIdentifier:musicCellIdentifier forIndexPath:indexPath];
11. cell.music = self.musics[indexPath.row];
12. return cell;
13. }
15. -(CGFloat)tableView:(UITableView *)tableView
16. heightForRowAtIndexPath:(NSIndexPath *)indexPath
17. {
18. return 50;
19. }

5.4 完整代码

本案例中，TRAppDelegate.m文件中的完整代码如下所示：

 

1. #import "TRAppDelegate.h"
2. #import "TRMusicGroup.h"
3. #import "TRMusicTableViewController.h"
4. @implementation TRAppDelegate
6. -(BOOL)application:(UIApplication *)application
7. didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
8. {
9. NSArray *musicGroups = [TRMusicGroup fakeData];
10. TRMusicGroup *group = musicGroups[0];
11. UINavigationController *navi = (UINavigationController *)self.window.rootViewController;
12. TRMusicTableViewController *musicTVC = (TRMusicTableViewController *) navi.topViewController;
13. musicTVC.musics = group.musics;
14. return YES;
15. }
16. @end

本案例中，TRMusicTableViewController.h文件中的完整代码如下所示：

 

1. #import <UIKit/UIKit.h>
3. @interface TRMusicTableViewController : UITableViewController
4. @property (strong, nonatomic) NSArray *musics;
5. @end

本案例中，TRMusicCell.h文件中的完整代码如下所示：

 

1. #import <UIKit/UIKit.h>
2. #import "TRMusic.h"
4. @interface TRMusicCell : UITableViewCell
5. @property (strong, nonatomic) TRMusic *music;
6. @end

本案例中，TRMusicCell.m文件中的完整代码如下所示：

 

1. #import "TRMusicCell.h
3. @interface TRMusicCell ()
4. @property (weak, nonatomic) IBOutlet UILabel *musicNameLabel;
5. @property (weak, nonatomic) IBOutlet UILabel *albumAndArtistLabel;
6. @property (weak, nonatomic) IBOutlet UILabel *durationLabel;
7. @property (weak, nonatomic) IBOutlet UIImageView *downloadedImageView;
8. @property (weak, nonatomic) IBOutlet UIImageView *hdImageView;
9. @end
10. @implementation TRMusicCell
12. - (void)setMusic:(TRMusic *)music
13. {
14. _music = music;
15. self.musicNameLabel.text = music.name;
16. self.albumAndArtistLabel.text = [NSString stringWithFormat:@"%@ - %@", music.album, music.artist];
17. self.durationLabel.text = [NSString stringWithFormat:@"%d:%02d", (int)music.duration/60, (int)music.duration%60];
18. self.downloadedImageView.hidden = !music.downloaded;
19. self.hdImageView.hidden = !music.highQuality;
20. [self setNeedsLayout];//需要重新布局
21. }
22. //当当前视图的大小发生变化时调用
23. - (void)layoutSubviews
24. {
25. [super layoutSubviews];
26. CGFloat x = self.downloadedImageView.frame.origin.x;
27. if (self.music.downloaded){
28. x += 20;
29. }
30. if (self.music.highQuality) {
31. CGRect frame = self.hdImageView.frame;
32. frame.origin.x = x;
33. self.hdImageView.frame = frame;
34. x += 20;
35. }
36. CGRect frame = self.albumAndArtistLabel.frame;
37. frame.origin.x = x;
38. self.albumAndArtistLabel.frame = frame;
39. }
40. @end

本案例中，TRMusic.h文件中的完整代码如下所示：

1. #import <Foundation/Foundation.h>
3. @interface TRMusic : NSObject
4. @property (nonatomic, copy) NSString * name;
5. @property (nonatomic, copy) NSString * album;
6. @property (nonatomic, copy) NSString * artist;
7. @property (nonatomic) NSTimeInterval duration;
8. @property (nonatomic) BOOL highQuality;
9. @property (nonatomic) BOOL downloaded;
10. @end

本案例中，TRMusicGroup.h文件中的完整代码如下所示：

 

1. #import <Foundation/Foundation.h>
2. #import "TRMusic.h"
3. typedef NS_ENUM(NSInteger, TRMusicGroupState) {
4. TRMusicGroupStateNormal,    
5. TRMusicGroupStateDownloading,        
6. TRMusicGroupStateDownloaded
7. };
9. @interface TRMusicGroup : NSObject
10. @property (nonatomic, copy) NSString * name;
11. @property (nonatomic, strong) NSArray * musics;
12. @property (nonatomic) TRMusicGroupState state;
14. + (NSArray *) fakeData;
16. @end

本案例中，TRMusicGroup.m文件中的完整代码如下所示：

 

1. #import "TRMusicGroup.h"
3. @implementation TRMusicGroup
5. + (NSArray *) fakeData
6. {
7. NSMutableArray * musics = nil;
8. TRMusic * music = nil;
10. musics = [NSMutableArray array];
12. music = [[TRMusic alloc] init];
13. music.name = @"Burn";
14. music.album = @"Burn - Single";
15. music.artist = @"Ellie Goulding";
16. music.duration = [self durationWithMinutes:3 andSeconds:51];
17. music.downloaded = YES;
18. music.highQuality = NO;
19. [musics addObject:music];
21. music = [[TRMusic alloc] init];
22. music.name = @"Summertime Sadness (Cedric Gervais Remix)";
23. music.album = @"Summertime Sadness (Cedric Gervais Remix) - Single";
24. music.artist = @"Lana Del Rey";
25. music.duration = [self durationWithMinutes:6 andSeconds:52];
26. music.downloaded = YES;
27. music.highQuality = YES;
28. [musics addObject:music];
30. music = [[TRMusic alloc] init];
31. music.name = @"Spectrum";
32. music.album = @"Clarity";
33. music.artist = @"Zedd";
34. music.duration = [self durationWithMinutes:4 andSeconds:3];
35. music.downloaded = YES;
36. music.highQuality = YES;
37. [musics addObject:music];
39. music = [[TRMusic alloc] init];
40. music.name = @"It's Time";
41. music.album = @"It’s Time";
42. music.artist = @"Imagine Dragons";
43. music.duration = [self durationWithMinutes:4 andSeconds:0];
44. music.downloaded = NO;
45. music.highQuality = YES;
46. [musics addObject:music];
48. music = [[TRMusic alloc] init];
49. music.name = @"Dancing in The Moonlight";
50. music.album = @"Dancing In The Moonlight: The Best Of Toploader";
51. music.artist = @"Toploader";
52. music.duration = [self durationWithMinutes:3 andSeconds:53];
53. music.downloaded = YES;
54. music.highQuality = YES;
55. [musics addObject:music];
57. music = [[TRMusic alloc] init];
58. music.name = @"Thinking About You (feat. Ayah Marar)";
59. music.album = @"18 Months (Deluxe Edition)";
60. music.artist = @"Calvin Harris";
61. music.duration = [self durationWithMinutes:4 andSeconds:8];
62. music.downloaded = YES;
63. music.highQuality = YES;
64. [musics addObject:music];
66. music = [[TRMusic alloc] init];
67. music.name = @"You Make Me (feat. Salem Al Fakir)";
68. music.album = @"True";
69. music.artist = @"Avicii";
70. music.duration = [self durationWithMinutes:3 andSeconds:51];
71. music.downloaded = YES;
72. music.highQuality = NO;
73. [musics addObject:music];
75. music = [[TRMusic alloc] init];
76. music.name = @"Safe and Sound";
77. music.album = @"Capital Cities EP";
78. music.artist = @"Capital Cities";
79. music.duration = [self durationWithMinutes:3 andSeconds:51];
80. music.downloaded = YES;
81. music.highQuality = NO;
82. [musics addObject:music];
84. music = [[TRMusic alloc] init];
85. music.name = @"Reaching Out";
86. music.album = @"Welcome Reality (Deluxe Version)";
87. music.artist = @"nero";
88. music.duration = [self durationWithMinutes:3 andSeconds:51];
89. music.downloaded = YES;
90. music.highQuality = NO;
91. [musics addObject:music];
93. music = [[TRMusic alloc] init];
94. music.name = @"Recover";
95. music.album = @"Recover - EP";
96. music.artist = @"CHVRCHES";
97. music.duration = [self durationWithMinutes:3 andSeconds:51];
98. music.downloaded = YES;
99. music.highQuality = NO;
100. [musics addObject:music];
102. music = [[TRMusic alloc] init];
103. music.name = @"Hold On, We're Going Home (feat. Majid Jordan)";
104. music.album = @"Hold On, We're Going Home (feat. Majid Jordan) - Single";
105. music.artist = @"Drake";
106. music.duration = [self durationWithMinutes:3 andSeconds:51];
107. music.downloaded = YES;
108. music.highQuality = NO;
109. [musics addObject:music];
111. music = [[TRMusic alloc] init];
112. music.name = @"The Mother We Share";
113. music.album = @"The Mother We Share - Single";
114. music.artist = @"CHVRCHES";
115. music.duration = [self durationWithMinutes:3 andSeconds:51];
116. music.downloaded = YES;
117. music.highQuality = NO;
118. [musics addObject:music];
120. music = [[TRMusic alloc] init];
121. music.name = @"Promises";
122. music.album = @"nero";
123. music.artist = @"Promises - EP";
124. music.duration = [self durationWithMinutes:3 andSeconds:51];
125. music.downloaded = YES;
126. music.highQuality = NO;
127. [musics addObject:music];
129. music = [[TRMusic alloc] init];
130. music.name = @"Alone Together";
131. music.album = @"Save Rock and Roll";
132. music.artist = @"Fall Out Boy";
133. music.duration = [self durationWithMinutes:3 andSeconds:51];
134. music.downloaded = YES;
135. music.highQuality = NO;
136. [musics addObject:music];
138. music = [[TRMusic alloc] init];
139. music.name = @"Reload (Radio Edit)";
140. music.album = @"Reload (Radio Edit) - Single";
141. music.artist = @"Sebastian Ingrosso";
142. music.duration = [self durationWithMinutes:3 andSeconds:51];
143. music.downloaded = YES;
144. music.highQuality = NO;
145. [musics addObject:music];
147. music = [[TRMusic alloc] init];
148. music.name = @"I Love It (feat. Charli XCX)";
149. music.album = @"Iconic";
150. music.artist = @"Icona Pop";
151. music.duration = [self durationWithMinutes:3 andSeconds:51];
152. music.downloaded = YES;
153. music.highQuality = NO;
154. [musics addObject:music];
156. music = [[TRMusic alloc] init];
157. music.name = @"Feel the Love";
158. music.album = @"Feel the Love (feat. John Newman) [Remixes] - EP";
159. music.artist = @"Rudimental";
160. music.duration = [self durationWithMinutes:3 andSeconds:51];
161. music.downloaded = YES;
162. music.highQuality = NO;
163. [musics addObject:music];
165. music = [[TRMusic alloc] init];
166. music.name = @"Goin' Crazy (feat. Robbie Williams)";
167. music.album = @"Goin' Crazy (feat. Robbie Williams) - Single";
168. music.artist = @"Dizzee Rascal";
169. music.duration = [self durationWithMinutes:3 andSeconds:51];
170. music.downloaded = YES;
171. music.highQuality = NO;
172. [musics addObject:music];
174. music = [[TRMusic alloc] init];
175. music.name = @"Still Into You";
176. music.album = @"Paramore";
177. music.artist = @"Paramore";
178. music.duration = [self durationWithMinutes:3 andSeconds:51];
179. music.downloaded = YES;
180. music.highQuality = NO;
181. [musics addObject:music];
183. music = [[TRMusic alloc] init];
184. music.name = @"Heart Attack";
185. music.album = @"Demi";
186. music.artist = @"Demi Lovato";
187. music.duration = [self durationWithMinutes:3 andSeconds:51];
188. music.downloaded = YES;
189. music.highQuality = NO;
190. [musics addObject:music];
192. music = [[TRMusic alloc] init];
193. music.name = @"Explosions";
194. music.album = @"Halcyon (Deluxe Edition)";
195. music.artist = @"Ellie Goulding";
196. music.duration = [self durationWithMinutes:3 andSeconds:51];
197. music.downloaded = YES;
198. music.highQuality = NO;
199. [musics addObject:music];
201. music = [[TRMusic alloc] init];
202. music.name = @"I Need Your Love (feat. Ellie Goulding)";
203. music.album = @"I Need Your Love";
204. music.artist = @"Calvin Harris";
205. music.duration = [self durationWithMinutes:3 andSeconds:51];
206. music.downloaded = YES;
207. music.highQuality = NO;
208. [musics addObject:music];
210. music = [[TRMusic alloc] init];
211. music.name = @"Starry Eyed";
212. music.album = @"Bright Lights";
213. music.artist = @"Ellie Goulding";
214. music.duration = [self durationWithMinutes:3 andSeconds:51];
215. music.downloaded = YES;
216. music.highQuality = NO;
217. [musics addObject:music];
219. music = [[TRMusic alloc] init];
220. music.name = @"Lights (Single Version)";
221. music.album = @"Bright Lights";
222. music.artist = @"Ellie Goulding";
223. music.duration = [self durationWithMinutes:3 andSeconds:51];
224. music.downloaded = YES;
225. music.highQuality = NO;
226. [musics addObject:music];
228. music = [[TRMusic alloc] init];
229. music.name = @"Who's That Chick?";
230. music.album = @"Who's That Chick - Single";
231. music.artist = @"David Guetta";
232. music.duration = [self durationWithMinutes:2 andSeconds:47];
233. music.downloaded = YES;
234. music.highQuality = NO;
235. [musics addObject:music];
237. TRMusicGroup * g1 = [[TRMusicGroup alloc] init];
238. g1.name = @"国外单曲";
239. g1.musics = [musics copy];
240. g1.state = TRMusicGroupStateDownloaded;
244. musics = [NSMutableArray array];
246. music = [[TRMusic alloc] init];
247. music.name = @"致青春";
248. music.album = @"致青春";
249. music.artist = @"王菲";
250. music.duration = [self durationWithMinutes:3 andSeconds:18];
251. music.downloaded = NO;
252. music.highQuality = NO;
253. [musics addObject:music];
255. music = [[TRMusic alloc] init];
256. music.name = @"好汉歌";
257. music.album = @"六十年代生人";
258. music.artist = @"刘欢";
259. music.duration = [self durationWithMinutes:3 andSeconds:41];
260. music.downloaded = NO;
261. music.highQuality = YES;
262. [musics addObject:music];
264. music = [[TRMusic alloc] init];
265. music.name = @"忐忑";
266. music.album = @"自由鸟";
267. music.artist = @"龚琳娜";
268. music.duration = [self durationWithMinutes:4 andSeconds:03];
269. music.downloaded = NO;
270. music.highQuality = YES;
271. [musics addObject:music];
273. music = [[TRMusic alloc] init];
274. music.name = @"爱情买卖";
275. music.album = @"我们的爱我不放手";
276. music.artist = @"慕容晓晓";
277. music.duration = [self durationWithMinutes:3 andSeconds:31];
278. music.downloaded = NO;
279. music.highQuality = YES;
280. [musics addObject:music];
282. music = [[TRMusic alloc] init];
283. music.name = @"法海你不懂爱";
284. music.album = @"法海你不懂爱 - 单曲";
285. music.artist = @"龚琳娜";
286. music.duration = [self durationWithMinutes:3 andSeconds:33];
287. music.downloaded = NO;
288. music.highQuality = NO;
289. [musics addObject:music];
291. music = [[TRMusic alloc] init];
292. music.name = @"最炫民族风";
293. music.album = @"我们的爱我不放手";
294. music.artist = @"凤凰传奇";
295. music.duration = [self durationWithMinutes:4 andSeconds:46];
296. music.downloaded = NO;
297. music.highQuality = YES;
298. [musics addObject:music];
300. music = [[TRMusic alloc] init];
301. music.name = @"金箍棒";
302. music.album = @"金箍棒 - 单曲";
303. music.artist = @"龚琳娜";
304. music.duration = [self durationWithMinutes:2 andSeconds:52];
305. music.downloaded = NO;
306. music.highQuality = NO;
307. [musics addObject:music];
310. TRMusicGroup * g2 = [[TRMusicGroup alloc] init];
311. g2.name = @"国内神曲";
312. g2.musics = [musics copy];
313. g2.state = TRMusicGroupStateNormal;
315. TRMusicGroup * g3 = [[TRMusicGroup alloc] init];
316. g3.name = @"Calvin Harris 专辑";
317. g3.musics = @[];
318. g3.state = TRMusicGroupStateNormal;
320. TRMusicGroup * g4 = [[TRMusicGroup alloc] init];
321. g4.name = @"Ellie Gounding 专辑";
322. g4.musics = @[];
323. g4.state = TRMusicGroupStateNormal;
325. return @[g1, g2, g3, g4];
326. }
328. + (NSTimeInterval) durationWithMinutes:(int)minutes andSeconds:(int)seconds
329. {
330. return minutes * 60 + seconds;
331. }
332. @end