芝杜播放器自定义UI教程

Discussion in '中文讨论区' started by 李子好吃, Nov 26, 2020.

  1. 李子好吃

    李子好吃 Member Zidoo TECH Supporter

    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.png


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

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

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


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

    03.png

    选中应用图标 (图标参考尺寸:200*200) 图标命名如下:
    Code:
    1_selected.png
    2_selected.png
    3_selected.png
    4_selected.png
    5_selected.png
    未选中应用时的图标(图标尺寸:200*200) 图标命名如下:
    Code:
    1_normal.png
    2_normal.png
    3_normal.png
    4_normal.png
    5_normal.png
    2、背景图
    背景是有五张图,移动应用光标时同步切换背景,(背景图尺寸:1920*1080) 背景图片命名为:

    Code:
    1_background.png
    2_background.png
    3_background.png
    4_background.png
    5_background.png
    3、状态图标
    四张状态图标(参考尺寸:70*70),图标当使用对应的功能时才会点亮,状态图标命名为:
    Code:
    icon_wifi.png
    icon_ethernet.png
    icon_storage.png
    icon_bluetooth.png

    第三步:配置应用图标关联的应用

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


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

    Code:
    {
    "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工具即可在包名栏出现应用的包名称,如果想用应用的图标,也可以在工具中显示的应用图标右键选择以包名命名,就可以自动提取应用图标并保存在电脑桌面。

    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清空数据即可。


    教程相关文件下载

    地址: https://pan.baidu.com/s/1l0XTf8CopMcgTlKh3TcxvQ 提取码: 458f
     
    Last edited: Jul 15, 2021
  2. 李子好吃

    李子好吃 Member Zidoo TECH Supporter

    网友自制主题预览
    蓝色保时捷

    哆啦A梦

    鬼灭之刃

    魔戒
     
    Last edited: Dec 3, 2020
  3. 李子好吃

    李子好吃 Member Zidoo TECH Supporter

    你的名字

    千与千寻


    星战6


    城市夜景

     
    Last edited: Dec 3, 2020
  4. VictorQ

    VictorQ New Member

    感谢分享
     
  5. zxixi

    zxixi New Member

    这个要是能做成主题功能多好啊
     
  6. SingC

    SingC New Member

    z9x 8k没有办法更换ui,把launcher放放到usb里面接上z9x 8k会提示没有apps入口无法更换
     
    李子好吃 likes this.
  7. 李子好吃

    李子好吃 Member Zidoo TECH Supporter

    Z9X8K也支持自定义更换美化包,提示没有APP入口是美化包文件缺失
     
  8. SingC

    SingC New Member

    原来这样,我下载的是一个压缩包,解压出来的文件,不知道是不是还缺什么没放在一起
     
  9. 李子好吃

    李子好吃 Member Zidoo TECH Supporter

    Launcher/res文件夹内有20个文件,确认一下

    upload_2025-7-1_9-25-11.png
     
    Last edited: Jul 1, 2025

Share This Page