源歌詞文件如下
[ti:]
[ar:]
[al:]
[by:]
[00:01.09]我愛你中國
[00:07.85]演唱：平安
[00:12.09]
[00:15.51]百靈鳥從藍天飛過
[00:32.96]我愛你 中國
[00:50.28]
[00:53.52]我愛你 中國
[01:00.37]我愛你 中國
[01:07.00]我愛你春天蓬勃的秧苗
[01:13.74]我愛你秋日金黃的碩果
[01:20.38]我愛你青松氣質(zhì)
[01:26.97]我愛你紅梅品格
[01:33.36]我愛你家鄉(xiāng)的甜蔗
[01:37.81]好像乳汁滋潤著我的心窩
[01:49.65]
[01:51.17]啊 啊
[02:05.39]我要把美好的青春獻給你
[02:11.98]我的母親 我的祖國
[02:35.01]
解析后歌詞如下
“我愛你中國”
“演唱：平安”
“”
“百靈鳥從藍天飛過”
“我愛你 中國”
“”
“我愛你 中國”
“我愛你 中國”
“我愛你春天蓬勃的秧苗”
“我愛你秋日金黃的碩果”
“我愛你青松氣質(zhì)”
“我愛你紅梅品格”
“我愛你家鄉(xiāng)的甜蔗”
“好像乳汁滋潤著我的心窩”
“”
“啊 啊”
“我要把美好的青春獻給你”
“我的母親 我的祖國
獲取時間如下省店，還需要把下列時間的字符串轉(zhuǎn)化為NSTimeInterval
00:01.09
00:07.85
00:12.09
00:15.51
00:32.96
00:50.28
00:53.52
01:00.37
01:07.00
01:13.74
01:20.38
01:26.97
01:33.36
01:37.81
01:49.65
01:51.17
02:05.39
02:11.98
02:35.01
解析方式主要為字符串的截取
// 獲取歌詞源文件并將內(nèi)容放入字符串
let pathURLOfLRC = NSBundle.mainBundle().URLForResource(currentSong.lrcSourceName, withExtension: currentSong.lrcSourceType)
let allContentOfLRC = try! NSString(contentsOfURL: pathURLOfLRC!, encoding: NSUTF8StringEncoding)
// 將歌詞中的每行字符串截取出來放入數(shù)組
var tempArrayOfLRC = allContentOfLRC.componentsSeparatedByString("\n")
// 去掉完全沒有內(nèi)容的空行猾漫，數(shù)組中每個元素的內(nèi)容將為“[時間]歌詞”
tempArrayOfLRC = tempArrayOfLRC.filter { $0 != "" }
// 將歌詞以對應(yīng)的時間為Key放入字典
for j in 0 ..< tempArrayOfLRC.count {
// 用“]”分割字符串，可能含有多個時間對應(yīng)個一句歌詞的現(xiàn)象,并且歌詞可能為空,例如：“[00:12.34][01:56.78]”，這樣分割后的數(shù)組為：["[00:12.34", "[01:56.78", ""]
var arrContentLRC = tempArrayOfLRC[j].componentsSeparatedByString("]")
// 這里處理非歌詞行，例如"[ti:","[ar:"，判斷數(shù)組中每個元素的第二個字符是不是數(shù)字,如果是數(shù)字，則這一行是要顯示的歌詞百炬，進入循環(huán)
// number:定義的字符串“0123456789”，輔助判斷字符是否為數(shù)字
if(number.componentsSeparatedByString((arrContentLRC[0] as NSString).substringWithRange(NSMakeRange(1, 1))).count > 1) {
// 最后一個元素是歌詞污它，不用處理
// 如果有多個時間對應(yīng)一個歌詞剖踊，每個時間處理一次
for k in 0..<(arrContentLRC.count - 1) {
// 將元素內(nèi)容中的“[”去掉
if arrContentLRC[k].containsString("[") {
arrContentLRC[k] = (arrContentLRC[k] as NSString).substringFromIndex(1)
}
// 將時間和歌詞對應(yīng)地放入字典
// time2LRC：定義的字典
// private var time2LRC = [NSTimeInterval: String]()
// calculatString2Time: 編寫的將字符串轉(zhuǎn)化為時間的函數(shù)
// func calculatString2Time(strTime: NSString) -> NSTimeInterval {
// var arrTime:[NSString] = strTime.componentsSeparatedByString(":")
// let numberTime = arrTime[0].doubleValue * 60 + arrTime[1].doubleValue
// return numberTime
// }
time2LRC[calculatString2Time(arrContentLRC[k] as NSString)] = arrContentLRC[arrContentLRC.count - 1]
}
}
}
在ScrollView顯示每行歌詞
// 根據(jù)歌詞行數(shù)設(shè)置ScrollView的內(nèi)容范圍
self.lrcScrollView.showsVerticalScrollIndicator = false
self.lrcScrollView.contentSize.width = self.view.frame.width * 0.98
self.lrcScrollView.contentSize.height = self.view.frame.height * 0.65 + (heightOfLCRLabel * CGFloat(time2LRC.count))
// 定義的方法：處理歌詞顯示到ScrollView
showLRCToScrollView()
// 初始化LRCScrollView的位置
self.lrcScrollView.setContentOffset(CGPoint(x: 0, y: 0), animated: true)
- 處理歌詞顯示到ScrollView的方法 showLRCToScrollView()
func showLRCToScrollView() {
// 定義處理的是第幾行歌詞
var i:CGFloat = 0
// 因為字典是無序的，所以要用到sort
for key in time2LRC.keys.sort() {
// 創(chuàng)建顯示一行歌詞的label衫贬，并設(shè)置位置德澈、大小、內(nèi)容
let label = UILabel(frame: CGRect(
x: 0,
y: (self.view.frame.height * 0.65 / 2 + (heightOfLCRLabel * i)),
width: self.view.frame.width * 0.98,
height: heightOfLCRLabel))
label.text = time2LRC[key]!
label.backgroundColor = UIColor.clearColor()
label.textColor = UIColor.lightTextColor()
label.textAlignment = NSTextAlignment.Center
label.font = UIFont.systemFontOfSize(16)
// 添加到scrollView
self.lrcScrollView.addSubview(label)
// 添加到數(shù)組lrcLabelViewArray
lrcLabelViewArray.append(label)
// 將時間添加到數(shù)組lrcTimeArray
lrcTimeArray.append(key)
i += 1
}
}
- 根據(jù)時間更新ScrollView的滾動位置
// 因為想要實現(xiàn)只有在時間變化到一行歌詞開始的時間才進行一次位置的更新固惯，其他時間不更新
// 需要一個bool標記是否應(yīng)該更新位置
var isTimeToChangeScrollView = false
// 還需要一個temp來記錄當(dāng)前行歌詞的時間梆造，讓其與下一行歌詞時間對比
var tempLRCTime:NSTimeInterval = 0
// 判斷歌曲時間所屬于的歌詞時間段(尋找時間數(shù)組中小于當(dāng)前時間的最大值)
func maxElementOfLRCTime() -> NSTimeInterval! {
return lrcTimeArray.filter { $0 <= audioPlayer.currentTime }.maxElement()
}
func updateLRCScrollView() {
if lrcTimeArray.isEmpty {
return
}
// audioPlayer:使用iOS的AVAudioPlayerAPI，audioPlayer = AVAudioPlayer(contentsOfURL: path!)
switch audioPlayer.currentTime {
case 0..<lrcTimeArray[0]:
// 不更新位置
isTimeToChangeScrollView = true
return
case lrcTimeArray[0]..<audioPlayer.duration:
// 判斷是否是第一次 到達歌詞的時間（小于 當(dāng)前時間 的歌詞時間）
if tempLRCTime != maxElementOfLRCTime()! {
tempLRCTime = maxElementOfLRCTime()!
isTimeToChangeScrollView = true
} else {
isTimeToChangeScrollView = false
}
// 更新到當(dāng)前歌詞的位置
if isTimeToChangeScrollView {
// ScrollView滾動到歌詞Label的中心位置
let lrcRowNumber = lrcTimeArray.indexOf(tempLRCTime)!
var newOffset = self.lrcScrollView.contentOffset
newOffset.y = lrcLabelViewArray[lrcRowNumber].center.y - self.view.frame.height * 0.65 / 2
self.lrcScrollView.setContentOffset(newOffset, animated: true)
// 取消非當(dāng)前Label歌詞的高亮葬毫、字體加大
for itemLabel in lrcLabelViewArray {
itemLabel.textColor = UIColor.lightTextColor()
itemLabel.font = UIFont.systemFontOfSize(16)
}
// 高亮當(dāng)前Label中的歌詞
lrcLabelViewArray[lrcRowNumber].textColor = UIColor.whiteColor()
lrcLabelViewArray[lrcRowNumber].font = UIFont.systemFontOfSize(20)
}
default:
// 不更新位置
return
}
}
到這里镇辉，就能夠使用Timer定時器屡穗，在ScrollView中顯示歌詞文件的每行歌詞，并自動滾動到歌詞對應(yīng)的位置忽肛，當(dāng)前將要唱的歌詞還會高亮出來村砂。
