芝杜播放器自定義UI教程

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

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

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

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

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

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

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

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

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

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

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

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

芝杜播放器自定義UI教程

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

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

復(fù)制代碼

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

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

復(fù)制代碼

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

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

復(fù)制代碼

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

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

復(fù)制代碼

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

1、新建一個config.txt記事本文件，將以下內(nèi)容復(fù)制到文本中，也可以直接在樣式文件里面直接修改自定義內(nèi)容，以下"title"為應(yīng)用標題；"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、主題示意圖上標紅色部分根據(jù)實際需要進行替換，應(yīng)用標題和簡介可以隨意定義，應(yīng)用包名每個應(yīng)用有固定的名稱，需要獲取你所安裝應(yīng)用的實際包名，否則選中應(yīng)用不會關(guān)聯(lián)打開實際安裝的那個應(yīng)用。
應(yīng)用標題、應(yīng)用簡介、應(yīng)用包名三個為一組，一共五組，代表界面上的五個圖標。
注意：為了不影響，我們打開系統(tǒng)應(yīng)用，其中必須要有一組包名配置為”APPS”，否則將不會替換圖標

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

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

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

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

Z1000PRO\UHD2000/Z1000/X20Pro/X20

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

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

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

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

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

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

藍色保時捷

哆啦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機頂盒區(qū) › 芝杜播放器

芝杜播放器自定義UI教程

芝杜播放器自定義UI教程