I Me 音樂播放器

1、I Me Music Player分析項(xiàng)目簡介、定位、創(chuàng)意設(shè)計(jì)Ps設(shè)計(jì)圖標(biāo)、效果圖等程序頁面布局，關(guān)鍵技術(shù)點(diǎn)分析總結(jié)優(yōu)缺點(diǎn)分析，更新與展望簡介I Me , 愛自己，我們自己的音樂播放器作品簡介：一款個(gè)性化和全能的音樂播放器，不僅支持本地播放，還支持網(wǎng)絡(luò)搜索播放及下載等。具有音樂播放的全部基本功能,包括播放暫停、前進(jìn)后退、循環(huán)播放、歌詞同步、歌曲收藏等功能。添加了其他音樂播放器所沒有的功能，如音樂mv視頻播放、背景自主定義、歌詞顏色及大小等的設(shè)置、菜單及菜單位置自主設(shè)置功能等。適合各年齡段和各操作習(xí)慣的用戶使用。競爭優(yōu)勢：1、具有音樂播放器的全部基本功能，保留了音樂播放類APP的基本競爭力。2、

2、解決了一般音樂播放器所僅有的本地播放而不支持網(wǎng)絡(luò)播放下載或無視頻播放功能的問題。符合大部分用戶的需求，具有一般音樂播放類APP所沒有的競爭力。3、添加了各種個(gè)性化設(shè)置功能，符合了各年齡段和各操作習(xí)慣的用戶使用需求，適用用戶人群面廣，具有音樂播放類APP所沒有的大優(yōu)勢。4、從沒有過的功能全能的、個(gè)性的的音樂播放器，屬于任何用戶自己的音樂播放器。簡介I Me , 愛自己，我們自己的音樂播放器團(tuán)隊(duì)介紹：I ME 創(chuàng)想團(tuán)隊(duì),由 組成的3人團(tuán)隊(duì)。 我們的口號是：愛自己、愛生活、愛創(chuàng)新、愛理想。需求分析：啟動(dòng)頁：啟動(dòng)頁：點(diǎn)擊啟動(dòng)頁后跳轉(zhuǎn)至主頁面。主頁面：主頁面：1.音樂播放/暫停功能。 2.上一曲/下一曲

3、跳轉(zhuǎn)功能。 3.進(jìn)度跳轉(zhuǎn)功能。 4.播放設(shè)置功能。 5.歌詞同步顯示功能。 6.音量大小控制功能。 7.其它功能列表頁：列表頁：歌曲列表頁面，可查看和選擇歌曲。開發(fā)要求：Xcode 5.1.1 ，Objective-C ，iOS 5.0以上ps簡介：Adobe Photoshop，簡稱“PS”，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以有效地進(jìn)行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。設(shè)計(jì)I Me , 愛自己，我們自己的音樂播放器設(shè)計(jì)I Me , 愛自己，我們自

4、己的音樂播放器xcode：Xcode 是蘋果公司開發(fā)的編程軟件，是開發(fā)人員建立OS X 和 iOS 應(yīng)用程序的最快捷方式。Xcode 具有統(tǒng)一的用戶界面設(shè)計(jì)，編碼、測試、調(diào)試都在一個(gè)簡單的窗口內(nèi)完成?？捎肅、C+、Objective-C或Java編寫程序。啟動(dòng)頁：使用button控件。主頁面：背景：背景：Image View控件。按鈕：按鈕：button控件?？刂疲嚎刂疲篐orizontal Slider控件。文字：文字：Label控件。動(dòng)態(tài)文字：動(dòng)態(tài)文字：Table View控件。頁面布局I Me , 愛自己，我們自己的音樂播放器頁面布局I Me , 愛自己，我們自己的音樂播放器歌曲目錄：-

5、 (void)initDate Music *music1 = Music alloc initWithName:梁靜茹-偶陣雨 andType:mp3; Music *music2 = Music alloc initWithName:林俊杰-背對背擁抱 andType:mp3; Music *music3 = Music alloc initWithName:情非得已 andType:mp3; Music *music4 = Music alloc initWithName:錯(cuò)愛 andType:mp3; Music *music5 = Music alloc initWithName:周

6、杰倫-明明就 andType:mp3; musicArray = NSMutableArray allocinitWithCapacity:5; musicArray addObject:music1; musicArray addObject:music2; musicArray addObject:music3; musicArray addObject:music4; musicArray addObject:music5;程序講解I Me , 愛自己，我們自己的音樂播放器播放與暫停：#pragma mark 播放目前的音樂- (IBAction)play:(id)sender if (

7、isPlay) audioPlayer play; playBtn setBackgroundImage:UIImage imageNamed:pause.png forState:UIControlStateNormal; isPlay = NO; else audioPlayer pause; playBtn setBackgroundImage:UIImage imageNamed:play.png forState:UIControlStateNormal; isPlay = YES; audioPlayer.volume = soundSlider.value;/重置音量,程序講解I

8、 Me , 愛自己，我們自己的音樂播放器上/下曲跳轉(zhuǎn)：#pragma mark 上一首- (IBAction)aboveMusic:(id)sender if (musicArrayNumber = 0) musicArrayNumber = musicArray.count; musicArrayNumber -; self updatePlayerSetting;#pragma mark 下一首- (IBAction)nextMusic:(id)sender if (musicArrayNumber = musicArray.count - 1) musicArrayNumber = -1

9、; musicArrayNumber +; self updatePlayerSetting;程序講解I Me , 愛自己，我們自己的音樂播放器進(jìn)度控制及時(shí)間顯示：- (IBAction)progressChange:(id)sender audioPlayer.currentTime = progressSlider.value * audioPlayer.duration;#pragma mark 0.1秒一次更新 播放時(shí)間 播放進(jìn)度條 歌詞 歌曲 自動(dòng)播放下一首(void)showTime if (int)audioPlayer.currentTime % 60 10) currentT

10、imeLabel.text = NSString stringWithFormat:%d:0%d,(int)audioPlayer.currentTime / 60, (int)audioPlayer.currentTime % 60; else currentTimeLabel.text = NSString stringWithFormat:%d:%d,(int)audioPlayer.currentTime / 60, (int)audioPlayer.currentTime % 60; 程序講解I Me , 愛自己，我們自己的音樂播放器進(jìn)度控制及時(shí)間顯示：if (int)audioPl

11、ayer.duration % 60 0.999) self autoPlay; 程序講解I Me , 愛自己，我們自己的音樂播放器播放順序設(shè)置：typedef enum singleLoop, /單曲循環(huán) loopPlay, /循環(huán)播放 randomPlay /隨機(jī)播放playMode;#pragma mark -改變模式- (IBAction)buttonChangeModle:(UIButton *)sender mode = (mode+1) % 3; if(mode = singleLoop) sender setBackgroundImage:UIImage imageNamed:

12、soundSlider.png forState:UIControlStateNormal; if(mode = loopPlay) sender setBackgroundImage:UIImage imageNamed:circleOpen.png forState:UIControlStateNormal; if(mode = randomPlay) sender setBackgroundImage:UIImage imageNamed:randomOpen.png forState:UIControlStateNormal; 程序講解I Me , 愛自己，我們自己的音樂播放器播放順序

13、設(shè)置：typedef enum singleLoop, /單曲循環(huán) loopPlay, /循環(huán)播放 randomPlay /隨機(jī)播放playMode;#pragma mark -改變模式- (IBAction)buttonChangeModle:(UIButton *)sender mode = (mode+1) % 3; if(mode = singleLoop) sender setBackgroundImage:UIImage imageNamed:soundSlider.png forState:UIControlStateNormal; if(mode = loopPlay) sen

14、der setBackgroundImage:UIImage imageNamed:circleOpen.png forState:UIControlStateNormal; if(mode = randomPlay) sender setBackgroundImage:UIImage imageNamed:randomOpen.png forState:UIControlStateNormal; 程序講解I Me , 愛自己，我們自己的音樂播放器歌詞顯示設(shè)置：#pragma mark 表視圖 顯示歌詞設(shè)置- (NSInteger)tableView:(UITableView *)tableV

15、iew numberOfRowsInSection:(NSInteger)section if (tableView.tag = 1) return musicArray count; else return timeArray count; - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath static NSString *cellIdentifier = LRCCell; UITableViewCell *cell = tableVie

16、w dequeueReusableCellWithIdentifier:cellIdentifier; if (cell = nil) cell = UITableViewCell alloc initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier; cell.selectionStyle = UITableViewCellSelectionStyleNone;/該表格選中后沒有顏色 cell.backgroundColor = UIColor clearColor;程序講解I Me , 愛自己，我們自己

17、的音樂播放器歌詞顯示設(shè)置：if (indexPath.row = lrcLineNumber) cell.textLabel.text = LRCDictionarytimeArrayindexPath.row; cell.textLabel.textColor = UIColor colorWithRed:255 green:255 blue:255 alpha:1.0; cell.textLabel.font = UIFont systemFontOfSize:18; else cell.textLabel.text = LRCDictionarytimeArrayindexPath.ro

18、w; cell.textLabel.textColor = UIColor colorWithRed:255 green:255 blue:255 alpha:0.6; cell.textLabel.font = UIFont systemFontOfSize:13; cell.textLabel.backgroundColor = UIColor clearColor; / cell.textLabel.textColor = UIColor whiteColor; cell.textLabel.textAlignment = NSTextAlignmentCenter; / cell.co

19、ntentView addSubview:lable;/往列表視圖里加 label視圖，然后自行布局 return cell;- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath return 30;程序講解I Me , 愛自己，我們自己的音樂播放器歌詞同步顯示：#pragma mark 動(dòng)態(tài)顯示歌詞(void)displaySondWord:(NSUInteger)time for (int i = 0; i currentTime1) self updat

20、eLrcTableView:i; break; else /求出第一句的時(shí)間點(diǎn)，在第一句顯示前的時(shí)間內(nèi)一直加載第一句 NSArray *array2 = timeArray0 componentsSeparatedByString:; NSUInteger currentTime2 = array20 intValue * 60 + array21 intValue; if (time = currentTime & time = currentTime3) self updateLrcTableView:i; break; #pragma mark 動(dòng)態(tài)更新歌詞表歌詞- (void)upda

21、teLrcTableView:(NSUInteger)lineNumber / NSLog(lrc = %, LRCDictionary objectForKey:timeArray objectAtIndex:lineNumber); /重新載入 歌詞列表lrcTabView lrcLineNumber = lineNumber; lrcTableView reloadData; /使被選中的行移到中間 NSIndexPath *indexPath = NSIndexPath indexPathForRow:lineNumber inSection:0; lrcTableView selec

22、tRowAtIndexPath:indexPath animated:YES scrollPosition:UITableViewScrollPositionMiddle; / NSLog(%i,lineNumber);程序講解I Me , 愛自己，我們自己的音樂播放器音量控制：- (IBAction)soundChange:(id)sender audioPlayer.volume = soundSlider.value; audioPlayer.volume = 0.1; soundSlider.value = audioPlayer.volume; soundSlider setThum

23、bImage:UIImage imageNamed:soundSlider.png forState:UIControlStateNormal; soundSlider setThumbImage:UIImage imageNamed:soundSlider.png forState:UIControlStateHighlighted; /更新音量 audioPlayer.volume = soundSlider.value;程序講解I Me , 愛自己，我們自己的音樂播放器音量控制：- (IBAction)soundChange:(id)sender audioPlayer.volume =

24、 soundSlider.value; audioPlayer.volume = 0.1; soundSlider.value = audioPlayer.volume; soundSlider setThumbImage:UIImage imageNamed:soundSlider.png forState:UIControlStateNormal; soundSlider setThumbImage:UIImage imageNamed:soundSlider.png forState:UIControlStateHighlighted; /更新音量 audioPlayer.volume

25、= soundSlider.value;程序講解I Me , 愛自己，我們自己的音樂播放器列表頁設(shè)置：#pragma mark 歌曲目錄 按鈕- (IBAction)rightView:(id)sender RightViewController *rightView = RightViewController alloc init; rightView.myMusic = self; rightView.semiTitleLabel.text = ; self.rightSemiViewController = rightView;- (id)init if (self = super init) self.sideAnimationDuration = 0.0f; self.sideOffset = 85.0f; return self;/#列表頁頁面