一,效果图。

二,工程图。

三,代码。

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
 
 

【代码笔记】iOS-仿QQ空间,歌曲播放的更多相关文章

  1. iOS传感器集锦、飞机大战、开发调试工具、强制更新、Swift仿QQ空间头部等源码

    iOS精选源码 飞机大作战 MUPhotoPreview -简单易用的图片浏览器 LLDebugTool是一款针对开发者和测试者的调试工具,它可以帮... 多个UIScrollView.UITable ...

  2. 仿QQ空间和微信朋友圈,高解耦高复用高灵活

    先看看效果: 用极少的代码实现了 动态详情 及 二级评论 的 数据获取与处理 和 UI显示与交互,并且高解耦.高复用.高灵活. 动态列表界面MomentListFragment支持 下拉刷新与上拉加载 ...

  3. 仿QQ空间动态界面分享

    先看看效果: 用极少的代码实现了 动态详情 及 二级评论 的 数据获取与处理 和 UI显示与交互,并且高解耦.高复用.高灵活. 动态列表界面MomentListFragment支持 下拉刷新与上拉加载 ...

  4. JS仿QQ空间鼠标停在长图片时候图片自动上下滚动效果

    JS仿QQ空间鼠标停在长图片时候图片自动上下滚动效果 今天是2014年第一篇博客是关于类似于我们的qq空间长图片展示效果,因为一张很长的图片不可能全部把他展示出来,所以外层用了一个容器给他一个高度,超 ...

  5. Fragment,仿QQ空间

    转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/9023451          在今天的这篇文章当中,我依然会以实战加理论结合 ...

  6. Html - 仿QQ空间右下角工具浮动块

    仿QQ空间右下角工具浮动块 <style type="text/css"> .cy-tp-area>.cy-tp-fixbtn>.cy-tp-text { ...

  7. iOS --高仿QQ空间页面

    1.首先分析一下qq空间页面的主要2个功能: 1)随着TableView的向上滑动导航栏的颜色渐变,变化过程是从透明变成白色. 2)随着TableView的向下滑动,图片随着offset放大. 2.首 ...

  8. 仿QQ空间根据位置弹出PopupWindow显示更多操作效果

    我们打开QQ空间的时候有个箭头按钮点击之后弹出PopupWindow会根据位置的变化显示在箭头的上方还是下方,比普通的PopupWindow弹在屏幕中间显示好看的多. 先看QQ空间效果图:       ...

  9. mui开发app之多图压缩与上传(仿qq空间说说发表)

    欲实现效果图 提出需求点: 用户可自由添加删除替换多张图片,并且显示相应缩略图,限制为8张 用户可选择压缩图或直接上传原图功能 返回提醒用户会丢失填写的信息 下面一个个实现上述需求,从简单到复杂: 需 ...

  10. ScrollView的阻尼回弹效果实现(仿qq空间)

    玩过新浪微博,qq空间等手机客户端的童鞋,都应该清楚,在主界面向下滑动时,会有一个阻尼回弹效果,看起来挺不错,接下来我们就来实现一下这种效果,下拉后回弹刷新界面,先看效果图: 这个是编辑器里面的界面效 ...

随机推荐

  1. HT for Web基于HTML5的图像操作(一)

    HT for Web独创的矢量图片设计架构,使其具有强大丰富的动态图形呈现能力,但从最近知乎热议的“Adobe Photoshop 是否已经过时?”的话题,大家能体会到很多情况下实际项目不可能完全采用 ...

  2. 两种CSS3圆环进度条详解

    晚上睡觉之前,我抽了1个多小时,研究了一下圆环进度条,结合从网上查阅的资料,我终于掌握了两种圆环的生成方法. 这次的效果就是单纯的CSS3效果,也没有写具体的JS,等以后有时间在好好整理一下吧~. 第 ...

  3. VS2012 JSON、XML自动生成对应的类

    在VS编辑下拉框中,选择选择性粘贴(Paste Special)

  4. Gson操作json

    github:https://github.com/google/gson API:http://google.github.io/gson/apidocs/ 示例对象 package present ...

  5. 【FTP】在自己的电脑上建立FTP服务器

    <1> 添加新用户: “计算机”点击右键 “管理”得到: 点击“本地用户和组”,点击“用户”: 右键 “新用户”: 设定用户名与密码,这是以后连FTP服务器时用的登录用户名与密码. < ...

  6. 现在就使用HTML5的十大原因

    你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因: 它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码. HTML5是Web开发世界的一次重大的改变,事实 ...

  7. Mysql日期统计函数简介

    NOW() 返回当前的日期和时间 CURDATE() 返回当前的日期 CURTIME() 返回当前的时间 DATE() 提取日期或日期/时间表达式的日期部分 EXTRACT() 返回日期/时间按的单独 ...

  8. Vimium 下载 像个 Geek 一样去浏览

    插件地址(被墙):https://chrome.google.com/webstore/detail/dbepggeogbaibhgnhhndojpepiihcmeb 本地下载:http://file ...

  9. 介绍开源的.net通信框架NetworkComms框架 源码分析(六)SendReceiveOptions

    原文网址: http://www.cnblogs.com/csdev Networkcomms 是一款C# 语言编写的TCP/UDP通信框架  作者是英国人  以前是收费的 目前作者已经开源  许可是 ...

  10. 不可或缺 Windows Native (23) - C++: 虚函数

    [源码下载] 不可或缺 Windows Native (23) - C++: 虚函数 作者:webabcd 介绍不可或缺 Windows Native 之 C++ 虚函数 示例1.基类CppHuman ...