芝杜播放器自定義UI教程

李子好吃 · 發(fā)表于 2020-11-24 10:49

本帖最后由李子好吃于 2021-7-15 17:58 編輯

為方便有個(gè)性化，定制需求的客戶，芝杜官方分享了自定義UI教程，通過自定義配置Launcher文件夾的方式來替換自己需要的主題背景及主界面功能圖標(biāo)，以下將介紹如何自定義配置主題。

注：教程相關(guān)文件的下載鏈接我會(huì)放置在帖子底部

Z1000PRO/UHD2000/Z1000/X20Pro/X20：固件版本要求：V2.3.32以上
Z10/Z9S/X10/Z9S/Z8：需安裝 “ZIDOO_UI_1295DD_1296DD.apk”并在全部應(yīng)用設(shè)置開機(jī)自啟
Z9X/Z10PRO：需安裝 “ZIDOO_UI_1619DR.apk”并在全部應(yīng)用設(shè)置開機(jī)自啟

一、默認(rèn)主題和自定義主題樣式及示意圖
1、官方出廠默認(rèn)主題UI
芝杜播放器自定義UI教程

2、主題模塊示意圖，Launcher文件夾配置主題和功能圖的參照樣板
芝杜播放器自定義UI教程

二、替換主題/應(yīng)用圖標(biāo)/狀態(tài)圖標(biāo)/配置關(guān)聯(lián)應(yīng)用教程

第一步：確認(rèn)主界面放置的應(yīng)用

先確認(rèn)自己需要在主界面放置的應(yīng)用，如果保持默認(rèn)系統(tǒng)應(yīng)用無需安裝，使用下載鏈接中示例一文件即可
也可以是自己安裝的第三方任意應(yīng)用，
注意：第三方應(yīng)用可以先安裝好也可以在更換主題之后再安裝，想放第三方應(yīng)用圖標(biāo)的請參照示例二（有第三方應(yīng)用圖標(biāo)和對應(yīng)的安裝包）

第二步：替換主頁上的圖片素材
準(zhǔn)備需要替換的背景、應(yīng)用圖標(biāo)、以及對應(yīng)的狀態(tài)圖標(biāo)的圖片素材
注意：圖片只支持png格式，如果是JPG格式可以電腦右鍵打開方式選擇畫圖，在另存，格式選擇PNG即可

1、應(yīng)用圖標(biāo)
主題有五個(gè)應(yīng)用模塊的圖標(biāo)坑位，每個(gè)圖標(biāo)需要分別做一個(gè)未選中時(shí)和選中時(shí)的圖標(biāo)，如下圖。
備注：應(yīng)用圖標(biāo)可以自己找或做，也可以參照下文獲取應(yīng)用包名時(shí)，直接從APK中提取應(yīng)用自有圖標(biāo)作為未選中時(shí)的圖標(biāo)，再這個(gè)基礎(chǔ)圖標(biāo)上修改一套選中后有焦點(diǎn)的圖標(biāo)（一般邊緣填充色或者加框，在附件中有整理出常用的應(yīng)用圖標(biāo)方便大家，其他應(yīng)用的圖標(biāo)就請自行去下載了）。

芝杜播放器自定義UI教程

選中應(yīng)用圖標(biāo) (圖標(biāo)參考尺寸：200*200) 圖標(biāo)命名如下：

1_selected.png
2_selected.png
3_selected.png
4_selected.png
5_selected.png

復(fù)制代碼

未選中應(yīng)用時(shí)的圖標(biāo)(圖標(biāo)尺寸：200*200) 圖標(biāo)命名如下：

1_normal.png
2_normal.png
3_normal.png
4_normal.png
5_normal.png

復(fù)制代碼

2、背景圖
背景是有五張圖，移動(dòng)應(yīng)用光標(biāo)時(shí)同步切換背景，(背景圖尺寸：1920*1080) 背景圖片命名為：

1_background.png
2_background.png
3_background.png
4_background.png
5_background.png

復(fù)制代碼

3、狀態(tài)圖標(biāo)
四張狀態(tài)圖標(biāo)(參考尺寸：70*70)，圖標(biāo)當(dāng)使用對應(yīng)的功能時(shí)才會(huì)點(diǎn)亮，狀態(tài)圖標(biāo)命名為：

icon_wifi.png
icon_ethernet.png
icon_storage.png
icon_bluetooth.png

復(fù)制代碼

第三步：配置應(yīng)用圖標(biāo)關(guān)聯(lián)的應(yīng)用
制作config.txt配置文件，用來定義每個(gè)應(yīng)用標(biāo)題、應(yīng)用簡介顯示以及定義應(yīng)用包名從而關(guān)聯(lián)應(yīng)用。

1、新建一個(gè)config.txt記事本文件，將以下內(nèi)容復(fù)制到文本中，也可以直接在樣式文件里面直接修改自定義內(nèi)容，以下"title"為應(yīng)用標(biāo)題；"subtitle"為應(yīng)用簡介；"package"為應(yīng)用包名。

{
"apps":[
{
"title": "騰訊視頻",
"subtitle":"豐富正版內(nèi)容",
"package":"com.ktcp.video"
},
{
"title": "愛奇藝",
"subtitle":"海量綜藝節(jié)目",
"package":"com.gitvdemo.video"
},
{
"title": "芒果TV",
"subtitle":"自制優(yōu)質(zhì)網(wǎng)綜",
"package":"com.starcor.mango"
},
{
"title": "當(dāng)貝市場",
"subtitle":"應(yīng)用下載",
"package":"com.dangbeimarket"
},
{
"title": "APPS",
"subtitle":"應(yīng)用",
"package":"APPS"
}
]
}

復(fù)制代碼

2、主題示意圖上標(biāo)紅色部分根據(jù)實(shí)際需要進(jìn)行替換，應(yīng)用標(biāo)題和簡介可以隨意定義，應(yīng)用包名每個(gè)應(yīng)用有固定的名稱，需要獲取你所安裝應(yīng)用的實(shí)際包名，否則選中應(yīng)用不會(huì)關(guān)聯(lián)打開實(shí)際安裝的那個(gè)應(yīng)用。
應(yīng)用標(biāo)題、應(yīng)用簡介、應(yīng)用包名三個(gè)為一組，一共五組，代表界面上的五個(gè)圖標(biāo)。
注意：為了不影響，我們打開系統(tǒng)應(yīng)用，其中必須要有一組包名配置為”APPS”，否則將不會(huì)替換圖標(biāo)

3、如果想定義自己下載安裝的應(yīng)用，不知道包名請按照下面方法查看應(yīng)用的包名，可下載安裝包查看工具來查看，將下載的APK helper.zip工具包解壓，雙擊打開apkhelper.exe的文件，再將apk文件直接拖入APK Helpr工具即可在包名欄出現(xiàn)應(yīng)用的包名稱，如果想用應(yīng)用的圖標(biāo)，也可以在工具中顯示的應(yīng)用圖標(biāo)右鍵選擇以包名命名，就可以自動(dòng)提取應(yīng)用圖標(biāo)并保存在電腦桌面。
芝杜播放器自定義UI教程

第四步：更換方法
新建一個(gè)名為Launcher的文件夾，在其根目錄再新建一個(gè)res的文件夾，再將以上整理好的所有背景圖標(biāo)以及一個(gè)config.txt文件直接復(fù)制到res的文件夾內(nèi)，最后將整個(gè)Launcher的文件夾直接拷貝到U盤根目錄中，再將U盤插入播放器的USB等待機(jī)器識別到U盤即可自動(dòng)更換自己定義的主題和圖標(biāo)了。
如果直接使用樣式，直接將Launcher文件夾直接丟到U盤根目錄插到機(jī)器等待1分鐘左右將自動(dòng)替換。

注意：
1、自定義的UI如果不滿意還可以重新替換素材和配置文件，可反復(fù)更換。
2、Z1000/UHD2000/X20Pro需要更新最新固件2.3.20或者新版本官方UI的APK后再替換，如果遇到無法替換的情況時(shí)，請取出機(jī)器連接的其他硬盤再試。

關(guān)于如何還原默認(rèn)主題：

Z1000PRO\UHD2000/Z1000/X20Pro/X20

以上機(jī)型需將機(jī)器清除系統(tǒng)應(yīng)用數(shù)據(jù)或恢復(fù)出廠設(shè)置。

Z10PRO\Z9X\Z10/Z9S/X10/Z9S/Z8

以上機(jī)型選擇進(jìn)入全部應(yīng)用選擇UI清空數(shù)據(jù)即可。

教程相關(guān)文件下載

地址: https://pan.baidu.com/s/1l0XTf8CopMcgTlKh3TcxvQ 提取碼: 458f

另外樓主會(huì)不定期分享一些自己東拼西湊制作的UI，也歡迎各位機(jī)友將自制的主題分享出來互相學(xué)習(xí)！

藍(lán)色保時(shí)捷

哆啦A夢

鬼滅之刃

魔戒

你的名字

千與千尋

星戰(zhàn)6

城市夜景

Snow.. · 發(fā)表于 2020-11-24 15:18

感謝，去試試

q奔波兒灞 · 發(fā)表于 2020-11-24 15:18

謝謝分享，下載安裝試試

yandougege · 發(fā)表于 2020-11-30 12:27

謝謝樓主分享！

› 智能電視盒 / 安卓TV機(jī)頂盒區(qū) › 芝杜播放器

芝杜播放器自定義UI教程

芝杜播放器自定義UI教程