载入中...

首页 > 游戏资讯 > 安卓教程

EMUI10主题编辑工具使用教程

日期:2019-12-17   作者:华为开发者平台   评论:0  浏览:字号:T|T

hwt文件主题怎么用?该教程适用于没有接触过华为主题,或者对华为主题的制作了解较少的设计师,旨在帮助设计师快速的了解和掌握华为主题制作,将分为以下方面进行讲解,请各位设计师仔细阅读,谢谢。



一、主题包内文件说明

一个完整的10.0小主题包,仅包含通用模块


一个完整的10.0大主题包,包含通用模块和大主题模块


注意:一个10.0主题大小应控制在50M以内。


主题包内文件说明 – 锁屏包/图标包

一个完整的10.0锁屏包,仅包含锁屏模块



一个完整的10.0图标包,仅包含图标模块



注意:preview文件夹内预览图需按照规范命名,且只能放置主题包对应预览图,例如锁屏包只能放置锁屏预览图。

以下将对该主题的每一个模块拆分讲解。

图标包内description.xml描述文件说明


注意:主题英文名,中文名,开发者名称,设计师名称四项待主题上线后均不可修改;
          设计师名称与设计师的开发者联盟账户绑定;
          主题分辨率,主题英文字体,中文字体均采用默认不可以修改;
          主题版本号第一版为10.0.0,后续有更新则更改为10.0.X(X为阿拉伯数字)。




preview  预览图

概念和定义

预览图是主题的一个概览,用户通过预览图判断一个主题的大体风格。

10.0主题预览图由以下几个模块组成:
封面(cover.jpg)
图标预览(icon_small.jpg、icon_small_1.jpg )
首屏(preview_widget_0.jpg、preview_widget_1.jpg、preview_widget_2.jpg … …)
锁屏(preview_unlock_0.jpg、 preview_unlock_1.jpg … …)
图标(preview_icons_0.jpg、 preview_icons_1.jpg  … …)
拨号盘(preview_contacts_0.jpg)
联系人(preview_contacts_1.jpg、 preview_contacts_2.jpg  … … )
短信(preview_mms_0.jpg、 preview_mms_1.jpg  … … )
通知栏(preview_systemui_0.jpg、 preview_systemui_1.jpg … …)


注意:

标红的部分为10.0小主题必须有的预览图,也是一个主题的基本预览图;

绿色的部分为10.0小主题不可以有的预览图;
除图标预览图外预览图的尺寸均为 1080×2160px,图标预览图使用psd源文件替换图标即可(Cover预览图的尺寸变为1080×2160px);
封面预览图应与锁屏预览图相同;
预览图可使用手机截图的方式制作,截图后需进行部分修改,详情参见第八页;
没有手机的设计师可使用提供的PSD模板制作预览图,详情参见PSD文件说明。
所有上传至海外的主题包不能包含短信预览图,即以preview_mms_X.jpg命名的图片,但仍然需要保证对短信模块的设计、换肤等。



10.0小主题预览图样板


注意:

cover预览图,顶部和底部80px的范围内,壁纸不允许出现任何内容,包括状态栏信息,按钮等;
除cover,icon_small 、icon_small_1以外的其他预览图状态栏只允许出现信号、电量和时间;
预览图所展示的内容应该与手机的实际效果相同。
设计师寄语或者设计说明选做,预览图命名为 preview_widget_X.jpg(“X”可为0、1、2 … …)


10.0大主题模块预览图样板


注意:

除cover,unlock,icon_small以外的其他预览图状态栏只允许出现电量和时间;
预览图所展示的内容应该与手机的实际效果相同。
大主题必须包含所示预览图。


锁屏部件(unlock)

EMUI10.0的解锁方式如下:滑动解锁、杂志解锁、百变解锁、视频解锁、华为动态引擎解锁。
其中百变锁屏由于其高度的可定义性,受到了广大的设计师和用户的青睐。
所有类型的锁屏,unlock文件夹下都必须有theme.xml文件。


滑动解锁

滑动解锁包内只有一个XML文件,显示内容为默认效果,设计师仅能修改壁纸,代码固定,如图所示




杂志锁屏

杂志锁屏和滑动解锁相似,包内只有一个XML文件,显示内容为默认效果,设计师仅能修改壁纸,代码固定,如图所示

系统根据手机指纹解锁位置,自动判断时间布局。



百变锁屏

百变锁屏是目前华为主题市场使用率最高的解锁方式,由于其具有高度的可定义性,设计师可以利用它制作出各种各样想要的效果。百变锁屏可以替换的内容有:壁纸,挂件,解锁方式,页面布局等。



百变锁屏包内有3个文件,如图所示:



drawable-hdpi

该目录下至少需包含如图所示的时间切图,除此之外,设计师设计的其他的效果切图,也是置于该目录下。



该目录下的XML文件是控制drawable-hdpi中的各部件切图,使其能够按照设计师需要的效果正确显示。该文件是百变锁屏最核心也是难度最大的内容。初级的主题设计师建议直接套用模板中已有的代码进行简单修改,若需要更多更好的效果请参见EMUI主题高阶指导教程-百变锁屏,此处不多进行赘述。



theme.xml
百变锁屏的总控代码,一般为默认。
主题必须兼容18:9及以上的手机,所以必须加此识别代码:

增加以下代码说明已适配屏幕内指纹功能:



注意:一个主题包只能有一种解锁方式; 百变锁屏的切图格式为PNG格式;



华为主题开发工具(HwtDesigner) hwttool EMUI10.0版 v10.0.0

华为主题开发工具(EMUI 10.0版)

推荐等级:软件等级 运行系统:Android 1.6+

文件大小:131 MB 下载地址

最新下载:

上一篇:华为AR测量app下载及使用方法 下一篇:下面没有链接了
载入中...
赞助商
推荐应用
安卓教程热点
赞助商
存档下载

关于我们 | 联系我们 | 实名认证 | 版权声明 | 网站地图 | 品牌专区 | 手机版 |