iOS開發拓展篇—音頻處理(音樂播放器2)
說明:該文主要介紹音樂播放界面的搭建。
一、跳轉
1.跳轉到音樂播放界面的方法選擇
(1)使用模態跳轉(又分為手動的和自動的)
(2)使用xib並設置跳轉
2.兩種方法的分析
可以使用模態的方法,添加一個控制器,讓這個控制器和音樂播放控制器類進行關聯,脫線,設置標識符且在cell的點擊事件中執行segue即可。
步驟說明:
(1)在storyboard中新拖入一個控制器,然后設置和playing控制器類相關聯。
(2)設置手動跳轉
(3)設置segue的標識符
(3)跳轉代碼處理
不推薦使用模態的原因如下:
當選中一首音樂跳轉到播放界面進行播放后,如果要跳回到音樂列表界面,那么最常見的做法是在音樂播放控制器上添加一個按鈕。
當點擊的時候,銷毀這個控制器(dismissed)。但是,控制器銷毀了那么正在播放的音樂也就隨之不在了。
且由於播放界面控制器的布局是固定的,因此這里選擇的方法是使用xib進行創建。
3.選擇的方法
新建一個xib,對應於音樂播放控制器。
xib的結構如下圖所示:
細節:控制器只需要創建一次,因此建議使用懶加載,當然也可是把播放器設置為單例
1 // 2 // YYMusicsViewController.m 3 // 4 5 #import "YYMusicsViewController.h" 6 #import "YYMusicModel.h" 7 #import "MJExtension.h" 8 #import "YYMusicCell.h" 9 #import "YYPlayingViewController.h" 10 11 @interface YYMusicsViewController () 12 @property(nonatomic,strong)NSArray *musics; 13 @property(nonatomic,strong)YYPlayingViewController *playingViewController; 14 @end 15 16 @implementation YYMusicsViewController 17 #pragma mark-懶加載 18 -(NSArray *)musics 19 { 20 if (_musics==nil) { 21 _musics=[YYMusicModel objectArrayWithFilename:@"Musics.plist"]; 22 } 23 return _musics; 24 } 25 -(YYPlayingViewController *)playingViewController 26 { 27 if (_playingViewController==nil) { 28 _playingViewController=[[YYPlayingViewController alloc]init]; 29 } 30 return _playingViewController; 31 }
4.xib的內部細節:
(1)已經實現了約束,用於適配ios6和ios7。
(2)設置音樂名稱和歌手的View設置為半透明的,設置方法如下:
設置為30%
注意:不要再storyboard中控件的屬性面板上設置透明度(這樣的話,這個控件中的子控件也是同樣的透明度)。
不推薦的做法:
(3)按鈕點擊發光
(4)設置view隱藏能夠節省一些性能。(參考代碼)
(5)在切換控制器的過程中,設置窗口不能點擊(這樣做是為了防止用戶多次連續的點擊歌曲名會出現的問題)。
5.補充:
項目代碼中拖入了UIView的分類,以方便計算frame
二、涉及到的代碼
在播放控制器的.h文件中提供一個公共對象方法接口
YYPlayingViewController.h文件
1 // YYPlayingViewController.h 2 3 #import <UIKit/UIKit.h> 4 5 @interface YYPlayingViewController : UIViewController 6 //顯示控制器 7 -(void)show; 8 @end
YYPlayingViewController.m文件
1 // 2 // YYPlayingViewController.m 3 // 4 5 #import "YYPlayingViewController.h" 6 7 @interface YYPlayingViewController () 8 - (IBAction)exit; 9 10 @end 11 12 @implementation YYPlayingViewController 13 #pragma mark-公共方法 14 -(void)show 15 { 16 //1.禁用整個app的點擊事件 17 UIWindow *window=[UIApplication sharedApplication].keyWindow; 18 window.userInteractionEnabled=NO; 19 20 //2.添加播放界面 21 //設置View的大小為覆蓋整個窗口 22 self.view.frame=window.bounds; 23 //設置view顯示 24 self.view.hidden=NO; 25 //把View添加到窗口上 26 [window addSubview:self.view]; 27 28 //3.使用動畫讓View顯示 29 self.view.y=self.view.height; 30 [UIView animateWithDuration:0.25 animations:^{ 31 self.view.y=0; 32 } completion:^(BOOL finished) { 33 window.userInteractionEnabled=YES; 34 }]; 35 } 36 #pragma mark-內部的按鈕監聽方法 37 //返回按鈕 38 - (IBAction)exit { 39 //1.禁用整個app的點擊事件 40 UIWindow *window=[UIApplication sharedApplication].keyWindow; 41 window.userInteractionEnabled=NO; 42 43 //2.動畫隱藏View 44 [UIView animateWithDuration:0.25 animations:^{ 45 self.view.y=window.height; 46 } completion:^(BOOL finished) { 47 window.userInteractionEnabled=YES; 48 //設置view隱藏能夠節省一些性能 49 self.view.hidden=YES; 50 }]; 51 } 52 @end
cell的點擊事件中的處理代碼:
1 /** 2 * cell的點擊事件 3 */ 4 -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath 5 { 6 //取消選中被點擊的這行 7 [tableView deselectRowAtIndexPath:indexPath animated:YES]; 8 9 //調用公共方法 10 [self.playingViewController show]; 11 12 // //執行segue跳轉 13 // [self performSegueWithIdentifier:@"music2playing" sender:nil]; 14 }
