APP下载 微博 微信

Hao4K影音


[玩机教程] 芝杜播放器UI美化包制作教程

[复制链接]

发表于 2020年07月16日 10:23 117820 21 来源:芝杜播放机> 玩机教程 |只看大图 回帖奖励 |正序浏览 |

李子

2020-7-16 10:23


为方便有个性化,定制需求的客户,芝杜官方分享了自定义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

01.png


2、主题模块示意图,Launcher文件夹配置主题和功能图的参照样板。

02.jpg




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






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

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




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



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




03.png


选中应用图标 (图标参考尺寸: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"为应用包名。

  1. {
  2. "apps":[
  3. {
  4. "title": "腾讯视频",
  5. "subtitle":"丰富正版内容",
  6. "package":"com.ktcp.video"
  7. },
  8. {
  9. "title": "爱奇艺",
  10. "subtitle":"海量综艺节目",
  11. "package":"com.gitvdemo.video"
  12. },
  13. {
  14. "title": "芒果TV",
  15. "subtitle":"自制优质网综",
  16. "package":"com.starcor.mango"
  17. },
  18. {
  19. "title": "当贝市场",
  20. "subtitle":"应用下载",
  21. "package":"com.dangbeimarket"
  22. },
  23. {
  24. "title": "APPS",
  25. "subtitle":"应用",
  26. "package":"APPS"
  27. }
  28. ]
  29. }
复制代码


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



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

04.png






第四步:更换方法
新建一个名为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清空数据即可。

教程相关文件下载

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

回复

使用道具 举报

李子 22

2021-9-29 14:04

补链:https://www.lanzouw.com/b0e816tcb 密码:5bgx
回复 支持 反对

使用道具 举报

李子 21

2021-7-15 17:57

回复 支持 反对

使用道具 举报

李子 20

2020-11-10 14:46

鬼灭之刃

Screenshot_20201110-112127.jpg

Screenshot_20201110-112132.jpg

Screenshot_20201110-112137.jpg

Screenshot_20201110-112144.jpg

Screenshot_20201110-112149.jpg
回复 支持 反对

使用道具 举报

李子 19

2020-10-31 17:34

蕾姆


Screenshot_20201031-164829.jpg


Screenshot_20201031-164834.jpg


Screenshot_20201031-164840.jpg


Screenshot_20201031-164844.jpg


Screenshot_20201031-164848.jpg



回复 支持 反对

使用道具 举报

李子 18

2020-10-26 09:41

wangzhechina 发表于 2020-10-24 19:08
麻烦请问下下载链接没有了么?

已经放上下载地址了,你刷新网页试试
回复 支持 反对

使用道具 举报

wangzhechina 17

2020-10-24 19:08

麻烦请问下下载链接没有了么?
回复 支持 反对

使用道具 举报

hzmajor 16

2020-10-10 15:19

感谢,去试试,看是否OK
回复 支持 反对

使用道具 举报

李子 15

2020-9-5 09:00

城市夜景



01.jpg


02.jpg


03.jpg


04.jpg


05.jpg

回复 支持 反对

使用道具 举报

havery1119 14

2020-8-12 12:36

李子 发表于 2020-8-12 09:22
已更新下载链接。

收到,谢谢
回复 支持 反对

使用道具 举报

李子 13

2020-8-12 09:22

havery1119 发表于 2020-8-11 20:48
谢谢分享,下载安装试试

已更新下载链接。
回复 支持 反对

使用道具 举报

havery1119 12

2020-8-11 20:48

谢谢分享,下载安装试试
回复 支持 反对

使用道具 举报

李子 11

2020-7-24 11:19

本帖最后由 李子 于 2020-7-24 11:21 编辑

鬼刀


01.jpg


02.jpg


03.jpg


04.jpg


05.jpg


回复 支持 反对

使用道具 举报

李子 10

2020-7-24 10:37

星球大战:最后的绝地武士



01.jpg


02.jpg


04.jpg


03.jpg


05.jpg


回复 支持 反对

使用道具 举报

李子 9

2020-7-24 10:35

千与千寻


01.jpg


02.jpg


03.jpg


04.jpg


05.jpg


回复 支持 反对

使用道具 举报

李子 8

2020-7-23 16:52

本帖最后由 李子 于 2020-7-23 17:21 编辑

哆啦A梦


01.jpg


02.jpg


03.jpg


04.jpg


05.jpg


回复 支持 反对

使用道具 举报

李子 7

2020-7-20 08:42

dgmgso 发表于 2020-7-19 14:50
默认的怎么修改,我感谢本身的黑色壁纸就非常的应景,楼主知道怎么弄吗

默认直接安装官方Zidoo_ui_v2.2.1.apk,就能使用了。
回复 支持 反对

使用道具 举报

dgmgso 6

2020-7-19 14:50

默认的怎么修改,我感谢本身的黑色壁纸就非常的应景,楼主知道怎么弄吗
回复 支持 反对

使用道具 举报

dgmgso 5

2020-7-17 09:56

好看,等我回去研究研究
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

返回列表 本版积分规则



绑定微信 + 关注公众号,第一时间获得消息通知!
:
中级发烧友
:
介绍未填写

主题

帖子

积分9864

Hao4K影音app客户端下载