【代码笔记】仿QQ空间，歌曲播放

一，效果图。

images/loading.gif' data-original="http://images2015.cnblogs.com/blog/337518/201510/337518-20151016095224054-1501868172.jpg" width="218" height="400" />

二，工程图。

三，代码。

RootViewController.h

#import <UIKit/UIKit.h>#import <AVFoundation/AVFoundation.h>@interface RootViewController : UIViewController<AVAudioPlayerDelegate>{  //存放歌曲数组  NSMutableArray *musicArray;  //名字所在的label  UILabel * musicNameLabel;  //播放器  AVAudioPlayer * _player;  //进度后的背景色  UIView * overLayView;  //声音控制  UISlider * volumeSlider;  //歌曲进度  UISlider * progressSlider;  //语音所在的灰色背景  UIView * functionView;  //前一首按钮  UIButton * prevButton;  //播放按钮  UIButton * playButton;  //下一首按钮  UIButton * nextButton;  //重播按钮  UIButton * repeatButton;  //歌曲播放的时间  UILabel *startTime;  //歌曲剩下的时间  UILabel * currentTime;    //存放歌曲在数组中的当前位置  NSInteger currentIndex;  NSTimer *timer;    //图片框以及里面的图片  UIView *transitionView;  //灰色的图  UIImageView * borderView;  //中间的空间图片  UIView * middleView;  }@end

RootViewController.m

#import "RootViewController.h"@interface RootViewController ()@end@implementation RootViewController- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil{  self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];  if (self) {    // Custom initialization  }  return self;}- (void)viewDidLoad{  [super viewDidLoad];    self.navigationController.navigationBarHidden=YES;    //歌曲所在的数组  musicArray=[[NSMutableArray alloc] initWithObjects:@"一眼万年",@"中国话", @"夜曲",@"三寸天堂",nil];    //设置背景色  UIImage *image=[UIImage imageNamed:@"audio_bg.png"];  self.view.backgroundColor =[UIColor colorWithPatternImage:image];      //显示歌曲的名字  UIView *navView=[[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];  navView.backgroundColor=[UIColor clearColor];  navView.alpha=0.9;  [self.view addSubview:navView];    //歌曲的名字所在的label  musicNameLabel=[[UILabel alloc] initWithFrame:CGRectMake(80, 0, 160, 44)];  musicNameLabel.backgroundColor=[UIColor clearColor];  musicNameLabel.textColor=[UIColor blackColor];  musicNameLabel.text = [musicArray objectAtIndex:0];  musicNameLabel.font=[UIFont boldSystemFontOfSize:12];  musicNameLabel.textAlignment=NSTextAlignmentCenter;  [navView addSubview:musicNameLabel];    //歌曲的地址  NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:[musicArray objectAtIndex:0] ofType:@"mp3"]];    _player = [[AVAudioPlayer alloc] initWithContentsOfURL:url error:nil];  //准备播放，先提前把缓存准备好.  [_player prepareToPlay];  //开启变速功能  _player.enableRate = YES;  _player.delegate = self;  [self playerViewInit];  }#pragma -mark -functions//设置播放器的画面的排版-(void)playerViewInit{  //进度后的背景色  overLayView=[[UIView alloc] initWithFrame:CGRectMake(0.0f, 44.0f, 320.0f, 80.0f)];  overLayView.backgroundColor=[UIColor colorWithWhite:0.1f alpha:0.2f];  overLayView.hidden=NO;  [self.view addSubview:overLayView];    //声音调节  volumeSlider=[[UISlider alloc]initWithFrame:CGRectMake(20.0f, 20.0f, 250.0f, 30.0f)];  volumeSlider.backgroundColor=[UIColor clearColor];  [volumeSlider setThumbImage:[UIImage imageNamed:@"com_thumb_max_h.png"] forState:UIControlStateNormal];  [volumeSlider setMinimumTrackImage:[[UIImage imageNamed:@"com_slider_min_l.png"]stretchableImageWithLeftCapWidth:10 topCapHeight:0] forState:UIControlStateNormal];  volumeSlider.alpha=0.6f;  volumeSlider.minimumValue=0.0f;  volumeSlider.maximumValue=1.0f;  volumeSlider.value=0.2f;  [volumeSlider addTarget:self action:@selector(doClickChangeVolume) forControlEvents:UIControlEventValueChanged];  volumeSlider.minimumValueImage=[UIImage imageNamed:@"cell_radio_speaker.png"];    [overLayView addSubview:volumeSlider];  _player.volume = volumeSlider.value;        //语音后的黑色按钮  functionView=[[UIView alloc]initWithFrame:CGRectMake(0, 460-90, 320, 90)] ;  functionView.backgroundColor=[UIColor colorWithWhite:0.1f alpha:0.2f];  [self.view addSubview:functionView];    //前一首按钮  prevButton=[UIButton buttonWithType:UIButtonTypeCustom];  prevButton.frame=CGRectMake(50, 10.0f, 40.0f, 40.0f);  [prevButton setImage:[UIImage imageNamed:@"audio_btn_pre_h.png"] forState:UIControlStateNormal];  [prevButton setImage:[UIImage imageNamed:@"audio_btn_pre_n.png"] forState:UIControlStateHighlighted];  [prevButton addTarget:self action:@selector(doClickPrevButton:) forControlEvents:UIControlEventTouchUpInside];  [functionView addSubview:prevButton];    //播放按钮  playButton=[UIButton buttonWithType:UIButtonTypeCustom];  playButton.frame=CGRectMake(140, 10.0f, 40.0f, 40.0f);  playButton.tag = 10;  [playButton setImage:[UIImage imageNamed:@"audio_btn_play_h.png"] forState:UIControlStateNormal];  [playButton addTarget:self action:@selector(doClickPlayButton:) forControlEvents:UIControlEventTouchUpInside];  [functionView addSubview:playButton];   //后一首按钮  nextButton=[UIButton buttonWithType:UIButtonTypeCustom];  nextButton.frame=CGRectMake(230.0f, 10.0f, 40.0f, 40.0f);  [nextButton setImage:[UIImage imageNamed:@"audio_btn_next_h.png"] forState:UIControlStateNormal];  [nextButton setImage:[UIImage imageNamed:@"audio_btn_next_n.png"] forState:UIControlStateHighlighted];  [nextButton addTarget:self action:@selector(doClickNextButton:) forControlEvents:UIControlEventTouchUpInside];  [functionView addSubview:nextButton];    //音量控制条  progressSlider =[[UISlider alloc]initWithFrame:CGRectMake(50.0f, 55.0f, 230.0f, 20.0f)];  progressSlider.minimumValue=0.0f;  progressSlider.maximumValue=1.0f;  progressSlider.backgroundColor=[UIColor clearColor];  [progressSlider setThumbImage:[UIImage imageNamed:@"com_thumb_max_h.png"] forState:UIControlStateNormal];  [progressSlider setMinimumTrackImage:[[UIImage imageNamed:@"com_slider_min_l.png"] stretchableImageWithLeftCapWidth:10 topCapHeight:0]forState:UIControlStateNormal];  [progressSlider addTarget:self action:@selector(doClickProgressButton) forControlEvents:UIControlEventValueChanged];  [functionView addSubview:progressSlider];      //重复按钮  repeatButton=[UIButton buttonWithType:UIButtonTypeCustom];  repeatButton.frame=CGRectMake(5.0f, 20.0f, 30.0, 30.0f);  repeatButton.tag=20;  [repeatButton setImage:[UIImage imageNamed:@"audio_btn_random_h.png"] forState:UIControlStateNormal];  [repeatButton addTarget:self action:@selector(doClickRepeatButton:) forControlEvents:UIControlEventTouchUpInside];  [functionView addSubview:repeatButton];    //开始播放时间  startTime=[[UILabel alloc] initWithFrame:CGRectMake(10.0f, 50.0f, 40.0f, 30.0)];  startTime.backgroundColor=[UIColor clearColor];  startTime.text=[NSString stringWithFormat:@"%02d:%02d",0,0];  startTime.textColor=[UIColor whiteColor];  startTime.font=[UIFont systemFontOfSize:13.0f];  [functionView addSubview:startTime];    //歌曲当前的剩下的时间  currentTime=[[UILabel alloc]initWithFrame:CGRectMake(285.0f, 50.0f, 40.0f, 30.0f)];  currentTime.backgroundColor=[UIColor clearColor];  currentTime.text=[NSString stringWithFormat:@"%02d:%02d",0,0];  currentTime.font=[UIFont systemFontOfSize:13.0f];  currentTime.textColor=[UIColor whiteColor];  [functionView addSubview:currentTime];    //中间的空间背景图  transitionView=[[UIView alloc] initWithFrame:CGRectMake(0, 88, 320, 416-90-44)];  [self.view addSubview:transitionView];   //边框  borderView=[[UIImageView alloc]initWithFrame:CGRectMake(60.0f, 90.0f-44.0f, 200.0f, 200.0f)];  borderView.image=[UIImage imageNamed:@"audio_cover_bg.png"];  borderView.tag=200;  transitionView.userInteractionEnabled=YES;  [transitionView addSubview:borderView];    //空间图  middleView=[[UIView alloc]initWithFrame:CGRectMake(15.0f, 15.0f, 170.0f, 170.0f)];  middleView.backgroundColor=[UIColor colorWithPatternImage:[UIImage imageNamed:@"audio_album_default.png"]];  middleView.alpha=1.0f;  middleView.tag=201;  [borderView addSubview:middleView];     UITapGestureRecognizer *tapGes=[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGes)];  [transitionView addGestureRecognizer:tapGes];}#pragma -mark -AVAudioPlayerDelegate-(void)audioPlayerDidFinishPlaying:(AVAudioPlayer *)player successfully:(BOOL)flag{  currentIndex++;  if (currentIndex == musicArray.count) {    currentIndex = 0;  }    [self loadMusic:[musicArray objectAtIndex:currentIndex] type:@"mp3"];  musicNameLabel.text = [musicArray objectAtIndex:currentIndex];  [_player play];}#pragma -mark -functions-(void)loadMusic:(NSString*)name type:(NSString*)type{  NSString* path= [[NSBundle mainBundle] pathForResource: name ofType:type];    NSURL* url = [NSURL fileURLWithPath:path];    _player= [[AVAudioPlayer alloc] initWithContentsOfURL:url error:nil];  _player.delegate=self;  _player.volume= volumeSlider.value;  [_player prepareToPlay];  }#pragma -mark -doClickActions//点击背景图的时候，歌曲进度所在的部分隐藏-(void)tapGes{  if (overLayView.hidden == YES) {    overLayView.hidden = NO;  }else{    overLayView.hidden = YES;  }}//声音播放的条-(void)doClickProgressButton{  _player.volume = volumeSlider.value; }//前一首歌曲-(void)doClickPrevButton:(UIButton *)sender{  BOOL playFlag;  if (_player.playing) {    playFlag = YES;    [_player stop];  }else{    playFlag = NO;  }  currentIndex--;  if (currentIndex < 0) {    currentIndex =musicArray.count - 1;  }  [self loadMusic:[musicArray objectAtIndex:currentIndex] type:@"mp3"];  musicNameLabel.text = [musicArray objectAtIndex:currentIndex];  if (playFlag == YES) {    [_player play];  }}//刷新进度条-(void)refresh{  progressSlider.value = _player.currentTime/_player.duration;  startTime.text =  [NSString stringWithFormat:@"%02d:%02d",(int)_player.currentTime/60,(int)_player.currentTime%60];  currentTime.text = [NSString stringWithFormat:@"%d:%02d",(int)(_player.duration-_player.currentTime)/60,(int)(_player.duration-_player.currentTime)%60];}//播放按钮-(void)doClickPlayButton:(UIButton *)sender{  if (_player.playing) {    [_player pause];    [playButton setImage:[UIImage imageNamed:@"audio_btn_play_h.png"] forState:UIControlStateNormal];    [timer invalidate];  }else{    [_player play];    [playButton setImage:[UIImage imageNamed:@"audio_btn_pause_h.png"] forState:UIControlStateNormal];    //更新下进度条    timer = [NSTimer scheduledTimerWithTimeInterval:0.05 target:self selector:@selector(refresh) userInfo:nil repeats:YES];  }}//下一首按钮-(void)doClickNextButton:(UIButton *)sender{  BOOL playFlag;  if (_player.playing) {    playFlag = YES;    [_player stop];  }else{    playFlag = NO;  }  currentIndex++;  if (currentIndex == musicArray.count) {    currentIndex = 0;  }  [self loadMusic:[musicArray objectAtIndex:currentIndex] type:@"mp3"];    musicNameLabel.text = [musicArray objectAtIndex:currentIndex];    if (playFlag == YES) {    [_player play];  }  }//重复按钮-(void)doClickRepeatButton:(UIButton *)sender{  ;}//进度按钮-(void)doClickChangeVolume{  _player.currentTime = _player.duration *progressSlider.value;}@end

原标题：【代码笔记】仿QQ空间，歌曲播放

关键词：