iOS 音乐播放器（一）

闲来无事，准备自己写一个简单的音乐播放器玩玩

首先我想到的是，如果只是自己用的话，用户名密码应该不需要的吧，但是这样就体现不出是我自己用的了，所以我准备设置一个登陆账号，只有用自己的登陆账号登陆的时候才会有一些特殊的权限。那么我们首先来创建一个登陆界面，类似于这样。

这个界面搭建也很简单，就直接上代码了

////  ViewController.h//  ZQMusic////  Created by 赵前 on 16/6/7.//  Copyright © 2016年 赵前. All rights reserved.//#import <UIKit/UIKit.h>@interface ViewController : UIViewController@end

////  ViewController.m//  ZQMusic////  Created by 赵前 on 16/6/7.//  Copyright © 2016年 赵前. All rights reserved.//#import "ViewController.h"#import "PlayViewController.h"#import "HomeViewController.h"#define WIDTH [UIScreen mainScreen].bounds.size.width#define HEIGHT [UIScreen mainScreen].bounds.size.height@interface ViewController ()@property(nonatomic ,strong)UIImageView *bacImageView;@property(nonatomic ,strong)UIImageView *headImageView;@property(nonatomic ,strong)UITextField *accountTextField;@property(nonatomic, strong)UIButton *button;@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    [self.view addSubview:self.bacImageView];    [self.view addSubview:self.headImageView];    [self.view addSubview:self.accountTextField];    [self.view addSubview:self.button];}- (void)respondsToBtn:(UIButton *)sender{    HomeViewController *HomeVc = [HomeViewController new];//    [self presentViewController:HomeVc animated:YES completion:nil];    [self.navigationController pushViewController:HomeVc animated:YES];//    PlayViewController *playerVc = [[PlayViewController alloc]init];//    [self presentViewController:playerVc animated:YES completion:nil//     ];}- (UIImageView *)bacImageView{    if (!_bacImageView) {        _bacImageView = [[UIImageView alloc]initWithFrame:self.view.bounds];        _bacImageView.image = [UIImage imageNamed:@"backImg.jpg"];        _bacImageView.backgroundColor = [UIColor clearColor];    }    return _bacImageView;}- (UIImageView *)headImageView{    if (!_headImageView) {        _headImageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 80, 80)];        _headImageView.center = CGPointMake(WIDTH/2, HEIGHT*0.3);        _headImageView.backgroundColor = [UIColor blueColor];        _headImageView.image = [UIImage imageNamed:@"headimg.jpg"];        _headImageView.layer.cornerRadius = 40;        _headImageView.clipsToBounds = YES;    }    return _headImageView;}- (UITextField *)accountTextField{    if (!_accountTextField) {        _accountTextField = [[UITextField alloc]initWithFrame:CGRectMake(0, 0, 200, 40)];        _accountTextField.center = CGPointMake(WIDTH/2, HEIGHT *0.4);        _accountTextField.backgroundColor = [UIColor whiteColor];        _accountTextField.font = [UIFont systemFontOfSize:25];        _accountTextField.text = @"zhaoqian";    }    return _accountTextField;}-(UIButton *)button{    if (!_button) {        _button = [UIButton buttonWithType:UIButtonTypeCustom];        _button.frame = CGRectMake(0, 0, 150, 40);        _button.center = CGPointMake(WIDTH/2, HEIGHT*0.5);        [_button setTitle:@"进入" forState:UIControlStateNormal];        _button.titleLabel.font = [UIFont systemFontOfSize:25];        [_button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];        _button.backgroundColor = [UIColor colorWithRed:92.0/255 green:176.0/255 blue:254.0/255 alpha:0.8f];        _button.layer.cornerRadius = 10.0f;        _button.clipsToBounds = YES;        [_button addTarget:self action:@selector(respondsToBtn:) forControlEvents:UIControlEventTouchUpInside];    }    return _button;}-(void)viewWillAppear:(BOOL)animated{    self.navigationController.navigationBar.hidden = YES;}@end

上面的是登陆界面，然后我想登陆进去是怎么样的呢，想了很久 ，写了一个简单的主页

大概写成这样子，写一个分段控件，然后结合ScrollView，看代码

////  HomeViewController.h//  ZQMusic////  Created by 赵前 on 16/6/8.//  Copyright © 2016年 赵前. All rights reserved.//#import <UIKit/UIKit.h>@interface HomeViewController : UIViewController@end

////  HomeViewController.m//  ZQMusic////  Created by 赵前 on 16/6/8.//  Copyright © 2016年 赵前. All rights reserved.//#import "HomeViewController.h"#import "mineView.h"@interface HomeViewController ()<UIScrollViewDelegate>{    NSArray *_segDataSource;}@property(nonatomic, strong)UIImageView *imageView;@property(nonatomic, strong)UISegmentedControl *segmentedControl;@property(nonatomic, strong)UIScrollView *scrollView;@end@implementation HomeViewController- (void)viewDidLoad {    [super viewDidLoad];    [self initializeDataSource];    [self initializeUserInterface];            mineView *myView = [[mineView alloc]initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height)];    [self.scrollView addSubview:myView];}- (void)initializeUserInterface{    self.view.backgroundColor  = [UIColor whiteColor];    [self.view addSubview: self.imageView];    [self.view addSubview:self.segmentedControl];    [self.view addSubview:self.scrollView];}- (void)initializeDataSource{    _segDataSource = @[@"我的",@"热歌",@"搜索"];}#pragma mark *** delegate ***//-(void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView{//    self.segmentedControl.selectedSegmentIndex = scrollView.contentOffset.x/(self.view.bounds.size.width);//}- (void)scrollViewDidScroll:(UIScrollView *)scrollView{    self.segmentedControl.selectedSegmentIndex = scrollView.contentOffset.x/(self.view.bounds.size.width);}#pragma mark *** Events ***- (void)respondsToSegmentControl:(UISegmentedControl *)sender{    self.scrollView.contentOffset = CGPointMake(sender.selectedSegmentIndex*self.view.bounds.size.width, 0);}-(void)viewWillAppear:(BOOL)animated{    self.navigationController.navigationBar.hidden = YES;}#pragma mark *** lazy loading ***-(UIImageView *)imageView{    if (!_imageView) {        _imageView = [[UIImageView alloc]initWithFrame:self.view.bounds];        _imageView.image = [UIImage imageNamed:@"beijing1.jpg"];    }    return _imageView;}-(UISegmentedControl *)segmentedControl{    if (!_segmentedControl) {        _segmentedControl = [[UISegmentedControl alloc]initWithItems:_segDataSource];        _segmentedControl.frame = CGRectMake(0, 0, 300, 30);        _segmentedControl.center = CGPointMake(self.view.bounds.size.width/2, 50);        _segmentedControl.selectedSegmentIndex = 0;        [_segmentedControl setWidth:100 forSegmentAtIndex:0];        [_segmentedControl addTarget:self action:@selector(respondsToSegmentControl:) forControlEvents:UIControlEventValueChanged];        _segmentedControl.tintColor = [UIColor brownColor];        NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIColor whiteColor],UITextAttributeTextColor,nil];        [_segmentedControl setTitleTextAttributes:dic forState:UIControlStateNormal];//        _segmentedControl.momentary = YES;    }    return _segmentedControl;}-(UIScrollView *)scrollView{    if (!_scrollView) {        _scrollView  = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 100, self.view.bounds.size.width, self.view.bounds.size.height - 100)];        _scrollView.contentSize = CGSizeMake(self.view.bounds.size.width * _segDataSource.count, self.view.bounds.size.height - 100);        _scrollView.showsHorizontalScrollIndicator = NO;        _scrollView.showsHorizontalScrollIndicator = NO;        _scrollView.pagingEnabled = YES;        _scrollView.delegate =self;        _scrollView.backgroundColor = [UIColor clearColor];            }    return _scrollView;}@end

我的这个界面是我自己封装起来加到scrollView上的

代码如下

////  mineView.h//  ZQMusic////  Created by 赵前 on 16/6/8.//  Copyright © 2016年 赵前. All rights reserved.//#import <UIKit/UIKit.h>@interface mineView : UIView@property (nonatomic, strong)UIImageView *headView;@property (nonatomic, strong)UILabel *userName;@property (nonatomic, strong)UITableView *tableView;@end

////  mineView.m//  ZQMusic////  Created by 赵前 on 16/6/8.//  Copyright © 2016年 赵前. All rights reserved.//#import "mineView.h"#import "mineCustomTableViewCell.h"#define WIDTH self.bounds.size.width#import "PlayViewController.h"#import "HomeViewController.h"@interface mineView()<UITableViewDelegate,UITableViewDataSource>{    NSArray *_dataSource;}@end@implementation mineView- (instancetype)initWithFrame:(CGRect)frame{    self = [super initWithFrame:frame];    if (self) {        _dataSource = [self returnData];        [self addSubview:self.headView];        [self addSubview:self.userName];        [self addSubview:self.tableView];    }    return self;}- (NSArray *)returnData{    return @[@"本地歌曲",@"我的收藏"];}#pragma mark *** delegateANDdatasource ***- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    mineCustomTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"zhaoqian"];    if (!cell) {        cell = [[mineCustomTableViewCell alloc]initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:@"zhaoqian"];    }    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;    cell.textLabel.text = _dataSource[indexPath.row];    cell.textLabel.font = [UIFont systemFontOfSize:22];    cell.textLabel.textColor = [UIColor whiteColor];    cell.backgroundColor = [UIColor clearColor];    cell.layer.borderWidth = 0.4f;    cell.layer.borderColor = [UIColor blackColor].CGColor;    cell.selectionStyle =  UITableViewCellSelectionStyleDefault;    return cell;}-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    return _dataSource.count;}-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{    return 120;}- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    if (indexPath.row == 0) {        PlayViewController *playerVc = [[PlayViewController alloc]init];//        [(HomeViewController *)self.superview.nextResponder presentViewController:playerVc animated:YES completion:nil//             ];        [((HomeViewController *)self.superview.superview.nextResponder).navigationController pushViewController:playerVc animated:YES];    }}#pragma mark *** lazy loding ***- (UIImageView *)headView{    if (!_headView ) {        _headView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 00, 60, 60)];        _headView.center = CGPointMake(WIDTH/2, 30);        _headView.layer.cornerRadius = 30;        _headView.clipsToBounds = YES;        _headView.backgroundColor = [UIColor clearColor];        _headView.image = [UIImage imageNamed:@"headimg.jpg"];    }    return _headView;}-(UILabel *)userName{    if (!_userName) {        _userName = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 100, 40)];        _userName.center = CGPointMake(WIDTH/2, CGRectGetMaxY(self.headView.frame) + 20 + 10);        _userName.backgroundColor = [UIColor clearColor];        _userName.text = @"zhaoqian";        _userName.textColor = [UIColor whiteColor];        _userName.font = [UIFont systemFontOfSize:20];        _userName.textAlignment = NSTextAlignmentCenter;    }    return _userName;}- (UITableView *)tableView{    if (!_tableView) {        _tableView  = [[UITableView alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(self.userName.frame) + 10, WIDTH, self.bounds.size.height - CGRectGetMaxY(self.userName.frame) - 10) style:UITableViewStylePlain];        _tableView.delegate = self;        _tableView.dataSource = self;        _tableView.backgroundColor = [UIColor clearColor];    }    return _tableView;}@end

实现了这个界面之后，肯定要有一个播放界面

于是我又写了一个播放界面，当点击本地歌曲的时候跳转（暂时支持本地音乐，后面我会继续写代码）

当点击选择某个音乐文件，然后再点击paly按钮的时候回播放音乐

代码如下

////  PlayViewController.h//  ZQMusic////  Created by 赵前 on 16/6/7.//  Copyright © 2016年 赵前. All rights reserved.//#import <UIKit/UIKit.h>@interface PlayViewController : UIViewController@end

////  PlayViewController.m//  ZQMusic////  Created by 赵前 on 16/6/7.//  Copyright © 2016年 赵前. All rights reserved.//#import "PlayViewController.h"#import <AVFoundation/AVFoundation.h>#define WIDTH [UIScreen mainScreen].bounds.size.width#define HEIGHT [UIScreen mainScreen].bounds.size.height@interface PlayViewController ()<AVAudioPlayerDelegate,UITableViewDelegate,UITableViewDataSource>{    AVAudioPlayer *avAudioPlayer;    NSMutableArray *_dataSource;}@property (nonatomic, strong)UIImageView *BimageView;@property (nonatomic, strong)UITableView *tabView;@end@implementation PlayViewController- (void)viewDidLoad {        self.view.backgroundColor = [UIColor whiteColor];    [self.view addSubview:self.BimageView];            UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];    [button setFrame:CGRectMake(0, 0, 60, 40)];    button.center = CGPointMake(WIDTH/4, HEIGHT - 40);    [button setTitle:@"Play" forState:UIControlStateNormal];    [button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];    [button addTarget:self action:@selector(play) forControlEvents:UIControlEventTouchUpInside];    button.backgroundColor = [UIColor colorWithRed:221.0/255 green:57.0/255 blue:57.0/255 alpha:1.0];    [self.view addSubview:button];    UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect];    [button1 setFrame:CGRectMake(0, 0, 60, 40)];    button1.center = CGPointMake(WIDTH/2, HEIGHT - 40);    [button1 setTitle:@"pause" forState:UIControlStateNormal];    [button1 setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];    [button1 addTarget:self action:@selector(pause) forControlEvents:UIControlEventTouchUpInside];    button1.backgroundColor = [UIColor colorWithRed:221.0/255 green:57.0/255 blue:57.0/255 alpha:1.0];    [self.view addSubview:button1];    UIButton *button2 = [UIButton buttonWithType:UIButtonTypeRoundedRect];    [button2 setFrame:CGRectMake(0, 0, 60, 40)];    button2.center = CGPointMake(WIDTH*3/4, HEIGHT - 40);    [button2 setTitle:@"stop" forState:UIControlStateNormal];    [button2 setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];    [button2 addTarget:self action:@selector(stop) forControlEvents:UIControlEventTouchUpInside];    [self.view addSubview:button2];    button2.backgroundColor = [UIColor colorWithRed:221.0/255 green:57.0/255 blue:57.0/255 alpha:1.0];    [super viewDidLoad];    [self.view addSubview:self.tabView];        _dataSource = [@[] mutableCopy];    [[NSArray arrayWithArray:[[NSBundle mainBundle] pathsForResourcesOfType:@"mp3" inDirectory:nil]] enumerateObjectsUsingBlock:^(NSString* _Nonnull musicName, NSUInteger idx, BOOL * _Nonnull stop) {        [_dataSource addObject:[musicName lastPathComponent]];    }];    NSLog(@"%@",_dataSource);    avAudioPlayer.volume = 1;    avAudioPlayer.delegate = self;    avAudioPlayer.numberOfLoops = -1;    AVAudioSession *session = [AVAudioSession sharedInstance];    [session setCategory:AVAudioSessionCategoryPlayback error:nil];    [session setActive:YES error:nil];    }- (void)play{    [avAudioPlayer play];}- (void)pause{    [avAudioPlayer pause];}- (void)stop{    avAudioPlayer.currentTime = 0;    [avAudioPlayer stop];}#pragma mark *** delegateANDdatasource***-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"zhaoqian"];    if (!cell) {        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"zhaoqian"];    }    cell.textLabel.text = _dataSource[indexPath.row];    cell.textLabel.textColor = [UIColor whiteColor];    cell.backgroundColor = [UIColor clearColor];    return cell;}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{    return _dataSource.count;}-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    NSString *path = [[NSBundle mainBundle] pathForAuxiliaryExecutable:_dataSource[indexPath.row]];    NSURL *url = [NSURL fileURLWithPath:path];    avAudioPlayer = [[AVAudioPlayer alloc] initWithContentsOfURL:url error:nil];    [avAudioPlayer prepareToPlay];}-(void)viewWillAppear:(BOOL)animated{    self.navigationController.navigationBar.hidden = NO;}#pragma mark *** lazy loding  ***-(UIImageView *)BimageView{    if (!_BimageView) {        _BimageView = [[UIImageView alloc]initWithFrame:self.view.bounds];        _BimageView.image = [UIImage imageNamed:@"beijing2.jpg"];    }    return _BimageView;}-(UITableView *)tabView{    if (!_tabView) {        _tabView = [[UITableView alloc]initWithFrame:CGRectMake(0, 64, WIDTH, HEIGHT - 144) style:UITableViewStylePlain];        _tabView.delegate = self;        _tabView.dataSource = self;        _tabView.backgroundColor = [UIColor clearColor];    }    return _tabView;}@end

到这里 就能简单的播放音乐了

然后还有一个在mineView中的自定义cell

代码如下

////  mineCustomTableViewCell.h//  ZQMusic////  Created by 赵前 on 16/6/8.//  Copyright © 2016年 赵前. All rights reserved.//#import <UIKit/UIKit.h>@interface mineCustomTableViewCell : UITableViewCell@end

////  mineCustomTableViewCell.m//  ZQMusic////  Created by 赵前 on 16/6/8.//  Copyright © 2016年 赵前. All rights reserved.//#import "mineCustomTableViewCell.h"@implementation mineCustomTableViewCell- (void)awakeFromNib {    [super awakeFromNib];    // Initialization code}- (void)setSelected:(BOOL)selected animated:(BOOL)animated {    [super setSelected:selected animated:animated];//    self.backgroundColor = [UIColor colorWithRed:225.0/255 green:161.0/255 blue:198.0/255 alpha:0.6];    // Configure the view for the selected state}@end

这就差不多了

然后下面是我的工程结构图

这个playBtnView是我接下来要把播放界面的播放按钮，暂停按钮，和stop按钮重新封装成一个视图，并且重新布局播放界面用的，可以暂时不用管，背景图片和mp3格式的音乐可以自己导入。mp3只要放到工程目录下就可以，背景图片放到工程目录下之后还需要修改imageNamed后面的字符串。

有空继续写了我就会传上来。