HwtDesigner华为主题开发工具

HwtDesigner华为EMUI主题开发工具是一款由华为官方推出的手机主题开发工具，官方为开发者提供了多种主题模板可以参考，你也可以自己创作主题模板，通过开发工具生成主题壁纸，或者是锁屏界面，可以导出到手机一键应用；为广大用户提供了极大的便利，喜欢就快来下载吧！

亮点解析

1、支持桌面上特性设定，可以调整桌面布局。

2、支持软件编辑器，可以编辑边框照片。

3、支持调整水准编辑点、竖直编辑点。

4、支持身心健康应用小图标背景，支持调整弹框按钮背景颜色。

5、支持调整弹框按钮路径描边颜色、分隔线颜色。

6、支持文件夹名称实际效果设定，可以加上新的文件夹名称按钮，可以设定文件夹背景。

7、支持切屏实际效果设计方案，可以立即应用官网给予的切屏实际效果。

主要功能

1、华为主题的制作，可以自定义你的主题风格，想怎么做就怎么做。

2、可以制作滑动锁屏的壁纸，设置成自己喜欢的壁纸。

3、可以制作视频锁屏功能，让你锁屏壁纸动起来。

4、可以对桌面壁纸以及桌面属性进行设置，改变不一样的风格。

5、图标自定义，最强大的功能莫过于此了，有什么比能够自己设计图标更吸引人了。

6、全局调整，可以对全局的背景色，分割线和滚动条以及弹窗按钮色进行修改，让你的界面更美丽。

7、可以对电话界面进行修改，调整颜色、调整背景等。

8、短信页面，可以对短信页面的图标色、文字色、背景色等进行调整。

9、通知栏自定义，可以对通知栏进行自定义。　　

HwtDesigner使用教程

一、主题包内文件说明

一个完整的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主题高阶指导教程-百变锁屏，此处不多进行赘述。