本發(fā)明屬于車載多媒體，涉及一種車載多媒體播放器的播放進度條控件，具體涉及一種基于android系統(tǒng)的車載廣播播放進度條控件設(shè)計方法。

背景技術(shù)：

1、隨著汽車時代的到來，車載人群迅速壯大，汽車廣播作為幾乎不可替代的車載媒體也隨著技術(shù)的不斷發(fā)展在不停變化。多數(shù)的現(xiàn)代汽車配備了觸摸屏，用戶通過觸摸屏與車機中的廣播應(yīng)用進行交互。而因為廣播屬于直播節(jié)目，無法調(diào)節(jié)進度，因此，不同于其他音頻媒體同時展示播放信息和進度條的方式，目前的主流技術(shù)方案都是只展示廣播頻道和相關(guān)信息而不展示廣播直播進度條。具體而言，播放廣播節(jié)目時，用戶只能在頁面中看到當(dāng)前播放的是什么頻段而不能直觀的看到當(dāng)前播放的時間段和播放狀態(tài)。此外，還會導(dǎo)致無法與其他媒體通用迷你播放器或在迷你播放器中表現(xiàn)不一致等問題。

2、造成這些問題的原因主要有兩點：一是系統(tǒng)提供的播放進度條控件，其使用特性和表現(xiàn)形式無法用于直播節(jié)目；二是現(xiàn)有技術(shù)中缺乏一種能夠直觀展示直播節(jié)目進度并且符合用戶使用習(xí)慣的直播進度條控件。

技術(shù)實現(xiàn)思路

1、為了解決現(xiàn)有技術(shù)中聽眾在收聽車載廣播過程中對于節(jié)目進程不明確、等待時間感知不清晰以及可能產(chǎn)生的焦慮感等問題，本發(fā)明提供一種基于android系統(tǒng)的車載廣播播放進度條控件設(shè)計方法，將設(shè)計的空間添加至在android系統(tǒng)的車載多媒體廣播應(yīng)用中，使用戶可以直觀的在頁面中感受到當(dāng)前廣播節(jié)目播放的進度和播放狀態(tài)，波浪進度條隨著廣播的播放不斷從波浪線變?yōu)橹本€，進度條滑塊也隨著進度的不斷更新展示播放時間的變化，同時使控件的設(shè)計具有界面美觀、進度直觀、信息豐富的特點。

2、本發(fā)明的目的是通過以下技術(shù)方案實現(xiàn)的：

3、一種基于android系統(tǒng)的車載廣播播放進度條控件設(shè)計方法，包括以下兩部分：

4、第一部分、明確控件設(shè)計效果，包括：

5、1)廣播播放進度展示方式；

6、2)明確控件的可配置參數(shù)；

7、第二部分、根據(jù)控件設(shè)計目標(biāo)進行控件創(chuàng)建：

8、s1.初始化配置參數(shù)；

9、s2.初始化控件繪制工具；

10、s3.確認控件繪制位置；

11、s4.繪制控件。

12、進一步地，所述第一部分中，所述廣播播放進度展示方式為：通過直線線型展示已播放過的廣播進度，通過滑塊顯示當(dāng)前播放時間點，通過波浪線型展示未播放的廣播進度；

13、所述控件的可配置參數(shù)包括：直線線型的可配置參數(shù)；滑塊的可配置參數(shù)；波浪線型的可配置參數(shù)；播放進度的最大值和最小值。

14、進一步地，所述步驟s1包括：

15、s11.直線線型的初始化配置參數(shù)：直線線型的顏色，直線線型的線條寬度；

16、s12.滑塊的初始化配置參數(shù)：滑塊中是否展示當(dāng)前播放進度時間；滑塊中展示時間的文字顏色、字體；滑塊的寬度、高度、偏移量；滑塊的資源圖片；

17、s13.波浪線型的初始化配置參數(shù)：波浪線型的波長、波峰高度、線條寬度、線條顏色；

18、s14.播放進度的初始化配置參數(shù)：播放進度的最大值和播放進度的最小值。

19、進一步地，所述步驟s2包括：

20、創(chuàng)建繪制波浪線型的畫筆；

21、創(chuàng)建繪制滑塊的畫筆；

22、創(chuàng)建滑塊的原始矩陣；

23、創(chuàng)建滑塊的目標(biāo)矩陣；

24、創(chuàng)建需要擦除波浪線型的矩陣；

25、創(chuàng)建直線線型進度的矩陣；

26、設(shè)置波浪線型畫筆的顏色和寬度；

27、設(shè)置滑塊原始矩陣的范圍。

28、進一步地，所述步驟s3包括：

29、重寫view的onlayout方法，在onlayout方法中利用系統(tǒng)測量控件寬度的方法getmeasuredwidth()獲取控件寬度，并利用系統(tǒng)測量控件高度的方法getmeasuredheight()獲取控件高度；

30、計算貝塞爾曲線的基準(zhǔn)線，基準(zhǔn)線高度＝控件高度÷2；

31、計算波峰和波谷個數(shù)，波峰和波谷個數(shù)＝(控件寬度÷波長)×2；

32、獲取波浪線型的偏移量。

33、進一步地，所述步驟s4包括：

34、s41.生成波浪線型路徑；

35、s42.繪制波浪線型路徑；

36、s43.計算滑塊左側(cè)位置；

37、s44.擦除已完成進度部分的波浪線型；

38、s45.繪制直線線型進度條；

39、s46.繪制滑塊。

40、進一步地，所述步驟s41包括：

41、初始化路徑path并設(shè)置起始點坐標(biāo)為：

42、起始點x坐標(biāo)＝-3×半個波長；起始點y坐標(biāo)＝貝塞爾曲線的基準(zhǔn)線高度；

43、使用for循環(huán)構(gòu)建波浪路徑，for循環(huán)范圍的起始值為-3，結(jié)束值為波峰和波谷個數(shù)；

44、在循環(huán)中先計算起始點x坐標(biāo)，起始點x坐標(biāo)＝循環(huán)到的數(shù)字×半個波長；

45、再通過path.quadto方法向路徑中添加一個二次貝塞爾曲線，其中曲線的控制點的坐標(biāo)為：

46、曲線的控制點的x坐標(biāo)＝起始點x坐標(biāo)+(半個波長÷2)+波浪線的偏移量；

47、曲線的控制點的y坐標(biāo)需要根據(jù)當(dāng)前循環(huán)到的數(shù)字是奇數(shù)還是偶數(shù)進行不同的運算：

48、如果當(dāng)前循環(huán)到的數(shù)字為偶數(shù)，

49、那么曲線控制點的y坐標(biāo)＝貝塞爾曲線的基準(zhǔn)線高度+波浪線的波峰高度；

50、如果當(dāng)前循環(huán)到的數(shù)字為奇數(shù)，

51、那么曲線控制點的y坐標(biāo)＝貝塞爾曲線的基準(zhǔn)線高度-波浪線的波峰高度；

52、曲線的結(jié)束點坐標(biāo)為：

53、曲線的結(jié)束點x坐標(biāo)＝起始點x坐標(biāo)+半個波長+波浪線的偏移量；

54、曲線的結(jié)束點y坐標(biāo)＝貝塞爾曲線的基準(zhǔn)線高度。

55、進一步地，所述步驟s43包括：

56、如果當(dāng)前進度為進度的最小值時，

57、則滑塊左側(cè)的位置＝-1×滑塊的偏移量；

58、如果當(dāng)前進度為進度的最大值時，

59、則滑塊左側(cè)的位置＝控件寬度-滑塊的寬度+滑塊的偏移量；

60、其他情況下，先計算當(dāng)前進度的在總進度中的百分比，

61、當(dāng)前進度的百分比＝(當(dāng)前進度-最小進度)÷(最大進度-最小進度)，再計算滑塊左側(cè)的位置，

62、滑塊左側(cè)的位置＝(控件寬度+滑塊的偏移量×2-滑塊的寬度)×當(dāng)前進度的百分比-滑塊的偏移量。

63、進一步地，所述步驟s46包括：

64、設(shè)置滑塊的目標(biāo)矩陣范圍，本實施例中，目標(biāo)矩陣范圍為：

65、頂部＝(控件高度-滑塊的高度)÷2，

66、底部＝頂部+滑塊的高度，

67、左側(cè)＝所述步驟s43計算出的滑塊左側(cè)的位置，

68、右側(cè)＝左側(cè)+滑塊的寬度；

69、保存畫布，在畫布中根據(jù)滑塊的原始矩陣和滑塊的目標(biāo)矩陣，使用滑塊的畫筆繪制滑塊的資源圖片；

70、恢復(fù)畫布狀態(tài)，將繪制好的滑塊顯示在控件中。

71、進一步地，所述步驟s46中，如果滑塊中需要展示當(dāng)前進度時間，那么在繪制完滑塊的資源圖片后，先設(shè)置滑塊的畫筆顏色為滑塊中展示時間的文字顏色，畫筆繪制文字大小為滑塊中展示時間的文字大?。?/p>

72、然后將當(dāng)前進度通過系統(tǒng)simpledateformat類轉(zhuǎn)換為時分秒格式的文字，通過滑塊畫筆的measuretext方法測量時間文本的寬度，通過滑塊畫筆的paint.fontmetrics.bottom方法獲取到最下字符的基準(zhǔn)點高度，計算繪制文本的開始坐標(biāo)：

73、x坐標(biāo)＝所述步驟s43計算出的滑塊左側(cè)的位置+((滑塊的寬度-文本的寬度)÷2)，

74、y坐標(biāo)＝(滑塊的目標(biāo)矩陣的底部÷2)+最下字符的基準(zhǔn)點高度；

75、然后使用滑塊的畫筆，根據(jù)繪制文本的開始坐標(biāo)和文本內(nèi)容繪制出要顯示的當(dāng)前進度時間；

76、最后恢復(fù)畫布狀態(tài)，將繪制好的滑塊顯示在控件中。

77、本發(fā)明具有以下優(yōu)點：

78、提高節(jié)目進程透明度：傳統(tǒng)廣播直播節(jié)目在播放過程中，聽眾往往對節(jié)目的進程缺乏直觀的感知，無法準(zhǔn)確了解當(dāng)前播放環(huán)節(jié)在整體節(jié)目中的位置。波浪進度條的引入，為聽眾提供了一個清晰的視覺線索，幫助他們更好地把握節(jié)目進度。

79、緩解聽眾等待焦慮：在廣播直播節(jié)目中，如新聞播報、節(jié)目間轉(zhuǎn)換等環(huán)節(jié)，聽眾可能需要等待較長時間。傳統(tǒng)方式下，這種等待可能會引發(fā)聽眾的焦慮感。波浪進度條通過其動態(tài)變化的特性，可以吸引聽眾的注意力，從而在一定程度上緩解他們的等待焦慮。

80、提升用戶體驗：可以統(tǒng)一音頻媒體的展示形式，避免因表現(xiàn)形式不一致導(dǎo)致的，用戶界面顯示突兀等問題。