芝杜播放器自定义UI教程

李子好吃 · 发表于 2020-11-24 10:49

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

为方便有个性化，定制需求的客户，芝杜官方分享了自定义UI教程，通过自定义配置Launcher文件夹的方式来替换自己需要的主题背景及主界面功能图标，以下将介绍如何自定义配置主题。

注：教程相关文件的下载链接我会放置在帖子底部

Z1000PRO/UHD2000/Z1000/X20Pro/X20：固件版本要求：V2.3.32以上
Z10/Z9S/X10/Z9S/Z8：需安装 “ZIDOO_UI_1295DD_1296DD.apk”并在全部应用设置开机自启
Z9X/Z10PRO：需安装 “ZIDOO_UI_1619DR.apk”并在全部应用设置开机自启

一、默认主题和自定义主题样式及示意图
1、官方出厂默认主题UI
芝杜播放器自定义UI教程

2、主题模块示意图，Launcher文件夹配置主题和功能图的参照样板
芝杜播放器自定义UI教程

二、替换主题/应用图标/状态图标/配置关联应用教程

第一步：确认主界面放置的应用

先确认自己需要在主界面放置的应用，如果保持默认系统应用无需安装，使用下载链接中示例一文件即可
也可以是自己安装的第三方任意应用，
注意：第三方应用可以先安装好也可以在更换主题之后再安装，想放第三方应用图标的请参照示例二（有第三方应用图标和对应的安装包）

第二步：替换主页上的图片素材
准备需要替换的背景、应用图标、以及对应的状态图标的图片素材
注意：图片只支持png格式，如果是JPG格式可以电脑右键打开方式选择画图，在另存，格式选择PNG即可

1、应用图标
主题有五个应用模块的图标坑位，每个图标需要分别做一个未选中时和选中时的图标，如下图。
备注：应用图标可以自己找或做，也可以参照下文获取应用包名时，直接从APK中提取应用自有图标作为未选中时的图标，再这个基础图标上修改一套选中后有焦点的图标（一般边缘填充色或者加框，在附件中有整理出常用的应用图标方便大家，其他应用的图标就请自行去下载了）。

芝杜播放器自定义UI教程

选中应用图标 (图标参考尺寸：200*200) 图标命名如下：

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

复制代码

未选中应用时的图标(图标尺寸：200*200) 图标命名如下：

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

复制代码

2、背景图
背景是有五张图，移动应用光标时同步切换背景，(背景图尺寸：1920*1080) 背景图片命名为：

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

复制代码

3、状态图标
四张状态图标(参考尺寸：70*70)，图标当使用对应的功能时才会点亮，状态图标命名为：

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

复制代码

第三步：配置应用图标关联的应用
制作config.txt配置文件，用来定义每个应用标题、应用简介显示以及定义应用包名从而关联应用。

1、新建一个config.txt记事本文件，将以下内容复制到文本中，也可以直接在样式文件里面直接修改自定义内容，以下"title"为应用标题；"subtitle"为应用简介；"package"为应用包名。

{
"apps":[
{
"title": "腾讯视频",
"subtitle":"丰富正版内容",
"package":"com.ktcp.video"
},
{
"title": "爱奇艺",
"subtitle":"海量综艺节目",
"package":"com.gitvdemo.video"
},
{
"title": "芒果TV",
"subtitle":"自制优质网综",
"package":"com.starcor.mango"
},
{
"title": "当贝市场",
"subtitle":"应用下载",
"package":"com.dangbeimarket"
},
{
"title": "APPS",
"subtitle":"应用",
"package":"APPS"
}
]
}

复制代码

2、主题示意图上标红色部分根据实际需要进行替换，应用标题和简介可以随意定义，应用包名每个应用有固定的名称，需要获取你所安装应用的实际包名，否则选中应用不会关联打开实际安装的那个应用。
应用标题、应用简介、应用包名三个为一组，一共五组，代表界面上的五个图标。
注意：为了不影响，我们打开系统应用，其中必须要有一组包名配置为”APPS”，否则将不会替换图标

3、如果想定义自己下载安装的应用，不知道包名请按照下面方法查看应用的包名，可下载安装包查看工具来查看，将下载的APK helper.zip工具包解压，双击打开apkhelper.exe的文件，再将apk文件直接拖入APK Helpr工具即可在包名栏出现应用的包名称，如果想用应用的图标，也可以在工具中显示的应用图标右键选择以包名命名，就可以自动提取应用图标并保存在电脑桌面。
芝杜播放器自定义UI教程

第四步：更换方法
新建一个名为Launcher的文件夹，在其根目录再新建一个res的文件夹，再将以上整理好的所有背景图标以及一个config.txt文件直接复制到res的文件夹内，最后将整个Launcher的文件夹直接拷贝到U盘根目录中，再将U盘插入播放器的USB等待机器识别到U盘即可自动更换自己定义的主题和图标了。
如果直接使用样式，直接将Launcher文件夹直接丢到U盘根目录插到机器等待1分钟左右将自动替换。

注意：
1、自定义的UI如果不满意还可以重新替换素材和配置文件，可反复更换。
2、Z1000/UHD2000/X20Pro需要更新最新固件2.3.20或者新版本官方UI的APK后再替换，如果遇到无法替换的情况时，请取出机器连接的其他硬盘再试。

关于如何还原默认主题：

Z1000PRO\UHD2000/Z1000/X20Pro/X20

以上机型需将机器清除系统应用数据或恢复出厂设置。

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

以上机型选择进入全部应用选择UI清空数据即可。

教程相关文件下载

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

另外楼主会不定期分享一些自己东拼西凑制作的UI，也欢迎各位机友将自制的主题分享出来互相学习！

蓝色保时捷

哆啦A梦

鬼灭之刃

魔戒

你的名字

千与千寻

星战6

城市夜景

Snow.. · 发表于 2020-11-24 15:18

感谢，去试试

q奔波儿灞 · 发表于 2020-11-24 15:18

谢谢分享，下载安装试试

yandougege · 发表于 2020-11-30 12:27

谢谢楼主分享！

› 智能电视盒 / 安卓TV机顶盒区 › 芝杜播放器

芝杜播放器自定义UI教程

芝杜播放器自定义UI教程