14-UI控件练习示例QQ音乐

//
//  MyViewController.m
//  QQMusic
//
//  Created by imac on 15/5/29.
//  Copyright (c) 2015年yang. All rights reserved.
//

#import "MyViewController.h"
#import "UIView+Blur.h"
#import <AVFoundation/AVFoundation.h>
#define kScreenWidth [UIScreen mainScreen].bounds.size.width
#define kScreenHeight [UIScreen mainScreen].bounds.size.height
@interface MyViewController ()
{
   
    UIView *topView;//导航栏
   
    UIView *downView;//工具栏
   
    UISlider *slider;//进度条
   
    NSArray *data;
   
    UIImageView*backgroundImageView;//背景视图
   
    AVAudioPlayer*player;//播放器对象
   
    UIButton *playButton;//播放按钮
   
    NSTimer *timer;
   
    NSIntegerindex;
}
@end

@implementationMyViewController

- (void)viewDidLoad {
    [super viewDidLoad];

//    创建背景视图
    [self creatBackground];
   
//    创建上面的导航栏
    [self topView];
   
//    创建控制区按钮
    [self downView];
   
//    创建滑动条
    [self creatProgressView];
   
   //1.获取到plist文件

    NSString *path=[[NSBundlemainBundle]pathForResource:@"music.plist"ofType:nil];

    //2.将plist文件里面的数据拿出去存到数组里面

    data=[NSArrayarrayWithContentsOfFile:path];
   

   
    NSDictionary*firstDic=[dataobjectAtIndex:0];
   
    [self loadData:firstDic];
}

#pragma mark--------------------载入数据-实现播放----------------------------

-(void)loadData:(NSDictionary*)dic{
   
    //1.取出所有键所对应的值
    NSString *songName=[dic objectForKey:@"song"];
   
    NSString *singerName=[dic objectForKey:@"singer"];
   
    NSString *mp3=[dic objectForKey:@"url"];
   
    NSString *image=[dic objectForKey:@"image"];
   
    //2.获取顶部歌手和歌名lable
    UILabel *songLabel=(UILabel*)[topViewviewWithTag:100];
   
    UILabel *singerLabel=(UILabel*)[topViewviewWithTag:101];
   
    //3.给lable和背景图赋值
    songLabel.text=songName;
    singerLabel.text=singerName;
    backgroundImageView.image=[UIImageimageNamed:image];
   
    //4.根据MP3名称获取到mp3路径，并转换成NSURL
    NSString *path=[[NSBundlemainBundle]pathForResource:mp3ofType:nil];
    NSURL *mp3Url=[NSURLfileURLWithPath:path];
   
   
//    [player stop];
//    player=nil;
   
    //5.创建音乐播放器对象通过初始化方法传入一个MP3
    player=[[AVAudioPlayeralloc]initWithContentsOfURL:mp3Urlerror:nil];
   
    //    播放器播放
    [player play];
   
    //    滑动条当前值
    slider.value=0;
   
    //    滑动条最大值
    slider.maximumValue=player.duration;
   
    playButton.selected=YES;
   
    //获取底部总时间lable
    UILabel *timeLabel=(UILabel*)[downViewviewWithTag:104];
   
    //计算出歌曲总时长并显示到lable上
    timeLabel.text=[selfcoverTime:slider.maximumValue];
   
    [timer invalidate];
   
  timer = [NSTimer scheduledTimerWithTimeInterval:1target:selfselector:@selector(timerAction:)userInfo:nilrepeats:YES];
   
}

//计算歌曲总时长的方法
-(NSString*)coverTime:(float)value{
    int m=value/60;
   
    int s = (int)value%60;
   
    NSString *time=[NSStringstringWithFormat:@"%.2d:%.2d",m,s];
   
    return time;
}
#pragma mark --------------------------背景大视图--------------------------------------

-(void)creatBackground{
    //1.初见大背景view并添加一张图片做背景
    UIImage *backImage=[UIImageimageNamed:@"joy.jpg"];
   
    backgroundImageView=[[UIImageViewalloc]initWithImage:backImage];
   
    backgroundImageView.frame=self.view.bounds;
   
    [self.viewaddSubview:backgroundImageView];
   
    //2.创建隐藏按钮
    UIButton *button=[UIButtonbuttonWithType:UIButtonTypeSystem];
   
    button.frame=backgroundImageView.frame;
   
    //3.添加按钮触发隐藏事件
    [button addTarget:selfaction:@selector(hiddenAction)forControlEvents:UIControlEventTouchUpInside];
   
    [self.viewaddSubview:button];
   
}

#pragma mark - -----------------------------状态栏----------------------------------
-(UIStatusBarStyle)preferredStatusBarStyle{
   
    return UIStatusBarStyleLightContent;
}

#pragma mark -----------------------------创建顶部视图------------------------------

-(void)topView{
   
   
   
    //1.创建顶部视图---导航栏高度64
    topView=[[UIViewalloc]initWithFrame:CGRectMake(0,0,kScreenWidth,64)];
   
    [self.viewaddSubview:topView];
   
    //2.设置毛玻璃效果
    topView.blurStyle=UIViewBlurDarkStyle;
   
    [topViewenableBlur:YES];
   
    topView.blurTintColor=[UIColorcolorWithWhite:.1alpha:1];
   
    //3.创建左方返回按钮
    UIButton *leftButton=[UIButtonbuttonWithType:UIButtonTypeCustom];
   
    leftButton.frame=CGRectMake(10,15,44,44);
   
    [leftButton setImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateNormal];
   
    [topViewaddSubview:leftButton];
  
    //4.添加返回按钮点击事件
    [leftButton addTarget:selfaction:@selector(backAction)forControlEvents:UIControlEventTouchUpInside];
   
    //5.创建右方收藏按钮
    UIButton *rightButton=[UIButtonbuttonWithType:UIButtonTypeCustom];
   
    rightButton.frame=CGRectMake(kScreenWidth-60,15,40,40);
   
    [rightButton setImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateNormal];
   
    [rightButton setImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateSelected];
   
    [topViewaddSubview:rightButton];
   
    //6.添加红心点击事件
    [rightButton addTarget:selfaction:@selector(loveAction:)forControlEvents:UIControlEventTouchUpInside];
   
    //7.创建歌曲label
    UILabel *songLabel=[[UILabelalloc]initWithFrame:CGRectMake((kScreenWidth-150)/2,10,150,40)];
   
    songLabel.text=@"安静";
   
    songLabel.tag=100;
   
    [topViewaddSubview:songLabel];
   
    songLabel.textColor=[UIColorwhiteColor];
   
    songLabel.textAlignment=NSTextAlignmentCenter;
   
    //8.创建歌手label
    UILabel *singerLabel=[[UILabelalloc]initWithFrame:CGRectMake((kScreenWidth-150)/2,30,150,40)];
   
    singerLabel.text=@"周杰伦";
   
    singerLabel.tag=101;
   
    singerLabel.font=[UIFontsystemFontOfSize:14];
   
    [topViewaddSubview:singerLabel];
   
    singerLabel.textColor=[UIColorwhiteColor];
   
    singerLabel.textAlignment=NSTextAlignmentCenter;
   
   
   
}
#pragma mark----------------------------底部视图----------------------------------------
-(void)downView{
    //1.创建底部大view
    downView=[[UIViewalloc]initWithFrame:CGRectMake(0,kScreenHeight-100,kScreenWidth,100)];
   
    //2.设置毛玻璃效果
    downView.blurStyle=UIViewBlurDarkStyle;
   
    [downViewenableBlur:YES];
   
    downView.blurTintColor=[UIColorcolorWithWhite:.1alpha:1];
   
    [self.viewaddSubview:downView];
   
    //3.添加上一首按钮
    UIButton *leftButton=[UIButtonbuttonWithType:UIButtonTypeCustom];
   
    leftButton.tag=200;
   
    leftButton.frame=CGRectMake(60, (100-40)/2,40,40);
   
    [leftButton setImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateNormal];
   
    [leftButton setImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateNormal];
   
    [downViewaddSubview:leftButton];
   
    //4.添加上一首点击事件
    [leftButton addTarget:selfaction:@selector(leftAction:)forControlEvents:UIControlEventTouchUpInside];
   
//    创建下一首按钮
    UIButton *nextButton=[UIButtonbuttonWithType:UIButtonTypeCustom];
   
    nextButton.tag=201;
   
    nextButton.frame=CGRectMake(225, (100-40)/2,40,40);
   
    [nextButton setImage:[UIImageimageNamed:@"playing_btn_next_n"]forState:UIControlStateNormal];
   
    [nextButton setImage:[UIImageimageNamed:@"playing_btn_next_h"]forState:UIControlStateNormal];

   
    [downViewaddSubview:nextButton];
   
    [nextButton addTarget:selfaction:@selector(leftAction:)forControlEvents:UIControlEventTouchUpInside];
   
    //    创建播放按钮
    playButton=[UIButtonbuttonWithType:UIButtonTypeCustom];
   
    playButton.frame=CGRectMake(130, (100-65)/2,65,65);
   
    [playButtonsetImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateNormal];
   
    [playButtonsetImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateNormal];
   
    [playButtonsetImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateSelected];
   
   
    [downViewaddSubview:playButton];
   
    [playButtonaddTarget:selfaction:@selector(playAction:)forControlEvents:UIControlEventTouchUpInside];
   
   
   
}

#pragma mark----------------------------底部视图-------------------------------------------
-(void)creatProgressView{
   
//    创建进度label
    UILabel *progressLabel=[[UILabelalloc]initWithFrame:CGRectMake(10,10,0,0)];
   
    [downViewaddSubview:progressLabel];
   
    progressLabel.text=@"00:00";
   
    progressLabel.textColor=[UIColorwhiteColor];
   
    progressLabel.textAlignment=NSTextAlignmentCenter;
   
    progressLabel.tag=103;
   
//    尺寸自适应
    [progressLabel sizeToFit];
   
    //    创建总长度label
    UILabel *timerLabel=[[UILabelalloc]initWithFrame:CGRectMake(270,10,0,0)];
   
    [downViewaddSubview:timerLabel];
   
    timerLabel.text=@"00:00";
   
    timerLabel.textColor=[UIColorwhiteColor];
   
    timerLabel.textAlignment=NSTextAlignmentCenter;
   
    timerLabel.tag=104;
   
    //    尺寸自适应
    [timerLabel sizeToFit];
   
//    创建滑动条需要设置高度
    slider=[[UISlideralloc]initWithFrame:CGRectMake(0,kScreenHeight-100-20,kScreenWidth,40)];
   
//    设置滑钮图片
    [slider setThumbImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateNormal];
   
    [slider setMaximumTrackImage:[UIImageimageNamed:@"[e-mail]"]forState:UIControlStateNormal];
   
    UIImage *minImage=[UIImageimageNamed:@"[e-mail]"];
   
    minImage=[minImage stretchableImageWithLeftCapWidth:5topCapHeight:0];
   
    [slider setMinimumTrackImage:minImage forState:UIControlStateNormal];
   
    [self.viewaddSubview:slider];
   
    [slider addTarget:selfaction:@selector(sliderAction:)forControlEvents:UIControlEventValueChanged];
   
}

#pragma mark - ----------------------------------事件方法-------------------------------------

-(void)timerAction:(NSTimer*)timer{
   
    slider.value++;
   
    UILabel *progressLabel=(UILabel*)[downViewviewWithTag:103];
   
    progressLabel.text=[selfcoverTime:slider.value];
}

-(void)leftAction:(UIButton*)button{
   
    if (button.tag==200) {
       
        NSLog(@"上一首");
       
        index--;
       
    }else if (button.tag==201){
        NSLog(@"下一首");
       
        index++;
    }
   
    if (index<0) {
        index=data.count-1;
    }
   
    if (index>=data.count) {
        index=0;
    }
   
    NSDictionary*infoDic=[dataobjectAtIndex:index];
   
    [self loadData:infoDic];
}


-(void)playAction:(UIButton*)button{
   
    if (button.selected) {
       
//        停止定时器
        [timerinvalidate];
       
        [playerpause];//播放器暂停
       
    }else{
        [playerplay];
       
        timer=[NSTimerscheduledTimerWithTimeInterval:1target:selfselector:@selector(timerAction:)userInfo:nilrepeats:YES];
    }
   
    button.selected=!button.selected;
}

-(void)loveAction:(UIButton*)button{
    NSLog(@"收藏");
   
    button.selected=!button.selected;
}

-(void)backAction{
   
    NSLog(@"返回");
}


-(void)hiddenAction{
   
    topView.hidden=!topView.hidden;
   
    downView.hidden=!downView.hidden;
   
    slider.hidden=!slider.hidden;
   
}

-(void)sliderAction:(UISlider*)slider{
   
    UILabel *progressLabel=(UILabel*)[downViewviewWithTag:103];
   
    progressLabel.text=[selfcoverTime:slider.value];
   
    player.currentTime=slider.value;
   
}


@end