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

一，效果图。

二，工程图。

三，代码。

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