【背景介紹】
個(gè)人十分喜歡網(wǎng)易云音樂(lè),特別是私人FM镊逝,感覺(jué)網(wǎng)易云音樂(lè)的算法很不錯(cuò)壮啊,推薦的都是比較喜歡的歌曲。網(wǎng)易云音樂(lè)的播放界面撑蒜,也看著不錯(cuò)歹啼,就模仿著做了一個(gè)玄渗。(特別說(shuō)明,時(shí)間聯(lián)動(dòng)也做了狸眼,但是感覺(jué)用處不太大藤树,這里就不做重點(diǎn)說(shuō)明。)
【功能介紹】
唱片的永久旋轉(zhuǎn)(唱片暫停這次也不說(shuō)了拓萌,同樣感覺(jué)用處不大岁钓,有想深入學(xué)習(xí)的再說(shuō)吧。)微王,進(jìn)度條的播放和暫停屡限。
【實(shí)現(xiàn)唱片旋轉(zhuǎn)】
** 準(zhǔn)備工作:首先網(wǎng)上找一個(gè)唱片圖標(biāo),(推薦阿里圖庫(kù))炕倘,命名為record钧大,然后拖入一個(gè)小的動(dòng)態(tài)面板(其他控件亦可),命名為rotate,設(shè)置當(dāng)rotate顯示時(shí)激才,旋轉(zhuǎn)record拓型,當(dāng)rotate隱藏時(shí),顯示rotate,這里用到了動(dòng)態(tài)面板的顯示隱藏屬性瘸恼,來(lái)實(shí)現(xiàn)一個(gè)永動(dòng)的效果劣挫。
事件設(shè)置如下:
實(shí)現(xiàn)效果如下:
【實(shí)現(xiàn)進(jìn)度條暫停與移動(dòng)】
原理說(shuō)明:實(shí)現(xiàn)進(jìn)度條的移動(dòng)很容易,相信很多小伙伴都會(huì)做东帅,但是如果要暫停压固,就不能再是簡(jiǎn)單的普通移動(dòng),這里的進(jìn)度條移動(dòng)靠闭,必須有專門的開(kāi)關(guān)進(jìn)行控制帐我,而開(kāi)關(guān)還必須是空氣開(kāi)關(guān),需要有個(gè)保險(xiǎn)絲控制開(kāi)關(guān)是否有效愧膀,那么用什么來(lái)充當(dāng)開(kāi)關(guān)拦键,又用什么來(lái)充當(dāng)保險(xiǎn)絲呢?
準(zhǔn)備工作:拖入一個(gè)動(dòng)態(tài)面板檩淋,命名為progressbar芬为,然后在progressbar中繪制兩個(gè)矩形,大小為262x2,分別命名為mask_bar(色值:#ffffff 坐標(biāo):-262,0),bg_bar(#999999 坐標(biāo):0案腺,0)。在空白區(qū)域拖入兩個(gè)熱區(qū)询张,分別命名為controller,pause(作用待會(huì)講),在進(jìn)度條下方浙炼,拖入一個(gè)動(dòng)態(tài)面板份氧,命名為command唯袄,設(shè)置兩個(gè)狀態(tài),start,stop,分別放入對(duì)應(yīng)的圖標(biāo)蜗帜。
整體布局如下:
步驟流程:
根據(jù)步驟流程越妈,進(jìn)行事件的設(shè)置,首先是command按鈕的設(shè)置:
然后是controller的事件設(shè)置:
最后是mask_bar的事件設(shè)置钮糖,即設(shè)置小標(biāo)志point跟隨進(jìn)度條進(jìn)行移動(dòng)
【最終效果】
【rp文件**】
rp文件