HwtDesigner华为EMUI主题开发工具

HwtDesigner华为EMUI主题开发工具是一款华为官方提供的华为自家手机主题开发软件！HwtDesigner软件使用官方的模板快速进行手机主题编辑和设计，生成新的锁屏主题，在完成主题相关切图后可使用该工具快速完成主题编辑和输出，可以自己替换锁屏图片，可以对锁屏界面元素设计，支持视频锁屏功能，适合主题开发人员使用，内置多种图标设计功能，使用HwtDesigner你可以直接设计电话、短信、通知等功能的图标，也支持对桌面图标重新设计，对这款软件感兴趣的用户不要错过了哦。

产品介绍

目前支持EMUI5.0、EMUI8.0、EMUI9.0、 EMUI 10.0。可以设计解锁、壁纸以及桌面主题等内容，具有简洁素雅的人机交互环境，兼有Windows和Mac端两个版本。设计师只需要在电脑上安装软件，设计完成后导出主题包，导入手机便可，使用起来方便快捷，大大的提高了设计师制作主题的工作效率。

HwtDesigner功能

1、HwtDesigner最新版支持全新项目设计，打开软件直接新建项目。

2、支持修改项目，直接导入之前设计的项目修改。

3、提供锁屏设计，可以为手表设置锁屏壁纸。

4、支持滑动锁屏、杂志锁屏、百变锁屏、视频锁屏。

5、支持桌面壁纸设计，为手机、手表设计桌面壁纸。

6、支持桌面设置，可以调整桌面布局、锁定布局。

7、支持自动对齐，删除应用后，自动补齐空位。

8、智能助手，桌面最左屏显示，为您提供服务直达，情景智能等服务。

9、背景图片、标题栏背景色、工具栏背景色、图标文字高亮色都可以调整。

HwtDesigner特色

1、支持桌面上特性设定，可以调整桌面布局。
2、支持软件编辑器，可以编辑边框照片。
3、支持调整水准编辑点、竖直编辑点。
4、支持身心健康应用小图标背景，支持调整弹框按钮背景颜色。
5、支持调整弹框按钮路径描边颜色、分隔线颜色。
6、支持文件夹名称实际效果设定，可以加上新的文件夹名称按钮，可以设定文件夹背景。
7、支持切屏实际效果设计方案，可以立即应用官网给予的切屏实际效果。

以上便是WinWin7下载小编给大家分享介绍的主题开发工具——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主题高阶指导教程-百变锁屏，此处不多进行赘述。