芝杜播放器自定义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

Share This Page