首页 > 其他 > 详细

触控(Touch) 、 布局(Layout)

时间：2015-12-15 21:14:09      阅读：301      评论：0      收藏：0      [点我收藏+]

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

触控(Touch) 、 布局(Layout)

原文：http://www.cnblogs.com/52190112cn/p/5049447.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！