HwtDesigner華為EMUI主題開發(fā)工具

HwtDesigner華為EMUI主題開發(fā)工具是一款華為官方提供的華為自家手機(jī)主題開發(fā)軟件！HwtDesigner軟件使用官方的模板快速進(jìn)行手機(jī)主題編輯和設(shè)計(jì)，生成新的鎖屏主題，在完成主題相關(guān)切圖后可使用該工具快速完成主題編輯和輸出，可以自己替換鎖屏圖片，可以對鎖屏界面元素設(shè)計(jì)，支持視頻鎖屏功能，適合主題開發(fā)人員使用，內(nèi)置多種圖標(biāo)設(shè)計(jì)功能，使用HwtDesigner你可以直接設(shè)計(jì)電話、短信、通知等功能的圖標(biāo)，也支持對桌面圖標(biāo)重新設(shè)計(jì)，對這款軟件感興趣的用戶不要錯(cuò)過了哦。

產(chǎn)品介紹

目前支持EMUI5.0、EMUI8.0、EMUI9.0、 EMUI 10.0�？梢栽O(shè)計(jì)解鎖、壁紙以及桌面主題等內(nèi)容，具有簡潔素雅的人機(jī)交互環(huán)境，兼有Windows和Mac端兩個(gè)版本。設(shè)計(jì)師只需要在電腦上安裝軟件，設(shè)計(jì)完成后導(dǎo)出主題包，導(dǎo)入手機(jī)便可，使用起來方便快捷，大大的提高了設(shè)計(jì)師制作主題的工作效率。

HwtDesigner功能

1、HwtDesigner最新版支持全新項(xiàng)目設(shè)計(jì)，打開軟件直接新建項(xiàng)目。

2、支持修改項(xiàng)目，直接導(dǎo)入之前設(shè)計(jì)的項(xiàng)目修改。

3、提供鎖屏設(shè)計(jì)，可以為手表設(shè)置鎖屏壁紙。

4、支持滑動(dòng)鎖屏、雜志鎖屏、百變鎖屏、視頻鎖屏。

5、支持桌面壁紙?jiān)O(shè)計(jì)，為手機(jī)、手表設(shè)計(jì)桌面壁紙。

6、支持桌面設(shè)置，可以調(diào)整桌面布局、鎖定布局。

7、支持自動(dòng)對齊，刪除應(yīng)用后，自動(dòng)補(bǔ)齊空位。

8、智能助手，桌面最左屏顯示，為您提供服務(wù)直達(dá)，情景智能等服務(wù)。

9、背景圖片、標(biāo)題欄背景色、工具欄背景色、圖標(biāo)文字高亮色都可以調(diào)整。

HwtDesigner特色

1、支持桌面上特性設(shè)定，可以調(diào)整桌面布局。
2、支持軟件編輯器，可以編輯邊框照片。
3、支持調(diào)整水準(zhǔn)編輯點(diǎn)、豎直編輯點(diǎn)。
4、支持身心健康應(yīng)用小圖標(biāo)背景，支持調(diào)整彈框按鈕背景顏色。
5、支持調(diào)整彈框按鈕路徑描邊顏色、分隔線顏色。
6、支持文件夾名稱實(shí)際效果設(shè)定，可以加上新的文件夾名稱按鈕，可以設(shè)定文件夾背景。
7、支持切屏實(shí)際效果設(shè)計(jì)方案，可以立即應(yīng)用官網(wǎng)給予的切屏實(shí)際效果。

以上便是WinWin7下載小編給大家分享介紹的主題開發(fā)工具——HwtDesigner！

使用教程

一、主題包內(nèi)文件說明

一個(gè)完整的10.0小主題包，僅包含通用模塊

一個(gè)完整的10.0大主題包，包含通用模塊和大主題模塊

注意：一個(gè)10.0主題大小應(yīng)控制在50M以內(nèi)。

主題包內(nèi)文件說明 – 鎖屏包/圖標(biāo)包

一個(gè)完整的10.0鎖屏包，僅包含鎖屏模塊

一個(gè)完整的10.0圖標(biāo)包，僅包含圖標(biāo)模塊

注意：preview文件夾內(nèi)預(yù)覽圖需按照規(guī)范命名，且只能放置主題包對應(yīng)預(yù)覽圖，例如鎖屏包只能放置鎖屏預(yù)覽圖。

以下將對該主題的每一個(gè)模塊拆分講解。

圖標(biāo)包內(nèi)description.xml描述文件說明

注意：主題英文名，中文名，開發(fā)者名稱，設(shè)計(jì)師名稱四項(xiàng)待主題上線后均不可修改；
          設(shè)計(jì)師名稱與設(shè)計(jì)師的開發(fā)者聯(lián)盟賬戶綁定；
          主題分辨率，主題英文字體，中文字體均采用默認(rèn)不可以修改；
          主題版本號第一版為10.0.0，后續(xù)有更新則更改為10.0.X（X為阿拉伯?dāng)?shù)字）。

preview  預(yù)覽圖

概念和定義

預(yù)覽圖是主題的一個(gè)概覽，用戶通過預(yù)覽圖判斷一個(gè)主題的大體風(fēng)格。

10.0主題預(yù)覽圖由以下幾個(gè)模塊組成：
封面（cover.jpg）
圖標(biāo)預(yù)覽（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 … …）
圖標(biāo)（preview_icons_0.jpg、 preview_icons_1.jpg  … …）
撥號盤（preview_contacts_0.jpg）
聯(lián)系人（preview_contacts_1.jpg、 preview_contacts_2.jpg  … … ）
短信（preview_mms_0.jpg、 preview_mms_1.jpg  … … ）
通知欄（preview_systemui_0.jpg、 preview_systemui_1.jpg … …）

注意：

標(biāo)紅的部分為10.0小主題必須有的預(yù)覽圖，也是一個(gè)主題的基本預(yù)覽圖；

綠色的部分為10.0小主題不可以有的預(yù)覽圖；
除圖標(biāo)預(yù)覽圖外預(yù)覽圖的尺寸均為 1080×2160px，圖標(biāo)預(yù)覽圖使用psd源文件替換圖標(biāo)即可（Cover預(yù)覽圖的尺寸變?yōu)?080×2160px）；
封面預(yù)覽圖應(yīng)與鎖屏預(yù)覽圖相同；
預(yù)覽圖可使用手機(jī)截圖的方式制作，截圖后需進(jìn)行部分修改，詳情參見第八頁；
沒有手機(jī)的設(shè)計(jì)師可使用提供的PSD模板制作預(yù)覽圖，詳情參見PSD文件說明。
所有上傳至海外的主題包不能包含短信預(yù)覽圖，即以preview_mms_X.jpg命名的圖片,但仍然需要保證對短信模塊的設(shè)計(jì)、換膚等。

10.0小主題預(yù)覽圖樣板

注意：

cover預(yù)覽圖，頂部和底部80px的范圍內(nèi)，壁紙不允許出現(xiàn)任何內(nèi)容，包括狀態(tài)欄信息，按鈕等；
除cover，icon_small 、icon_small_1以外的其他預(yù)覽圖狀態(tài)欄只允許出現(xiàn)信號、電量和時(shí)間；
預(yù)覽圖所展示的內(nèi)容應(yīng)該與手機(jī)的實(shí)際效果相同。
設(shè)計(jì)師寄語或者設(shè)計(jì)說明選做，預(yù)覽圖命名為 preview_widget_X.jpg（“X”可為0、1、2 … …）

10.0大主題模塊預(yù)覽圖樣板

注意：

除cover，unlock，icon_small以外的其他預(yù)覽圖狀態(tài)欄只允許出現(xiàn)電量和時(shí)間；
預(yù)覽圖所展示的內(nèi)容應(yīng)該與手機(jī)的實(shí)際效果相同。
大主題必須包含所示預(yù)覽圖。

鎖屏部件(unlock)

EMUI10.0的解鎖方式如下：滑動(dòng)解鎖、雜志解鎖、百變解鎖、視頻解鎖、華為動(dòng)態(tài)引擎解鎖。
其中百變鎖屏由于其高度的可定義性，受到了廣大的設(shè)計(jì)師和用戶的青睞。
所有類型的鎖屏，unlock文件夾下都必須有theme.xml文件。

滑動(dòng)解鎖

滑動(dòng)解鎖包內(nèi)只有一個(gè)XML文件，顯示內(nèi)容為默認(rèn)效果，設(shè)計(jì)師僅能修改壁紙，代碼固定，如圖所示

雜志鎖屏

雜志鎖屏和滑動(dòng)解鎖相似，包內(nèi)只有一個(gè)XML文件，顯示內(nèi)容為默認(rèn)效果，設(shè)計(jì)師僅能修改壁紙，代碼固定，如圖所示

系統(tǒng)根據(jù)手機(jī)指紋解鎖位置，自動(dòng)判斷時(shí)間布局。

百變鎖屏

百變鎖屏是目前華為主題市場使用率最高的解鎖方式，由于其具有高度的可定義性，設(shè)計(jì)師可以利用它制作出各種各樣想要的效果。百變鎖屏可以替換的內(nèi)容有：壁紙，掛件，解鎖方式，頁面布局等。

百變鎖屏包內(nèi)有3個(gè)文件，如圖所示：

drawable-hdpi

該目錄下至少需包含如圖所示的時(shí)間切圖，除此之外，設(shè)計(jì)師設(shè)計(jì)的其他的效果切圖，也是置于該目錄下。

該目錄下的XML文件是控制drawable-hdpi中的各部件切圖，使其能夠按照設(shè)計(jì)師需要的效果正確顯示。該文件是百變鎖屏最核心也是難度最大的內(nèi)容。初級的主題設(shè)計(jì)師建議直接套用模板中已有的代碼進(jìn)行簡單修改，若需要更多更好的效果請參見EMUI主題高階指導(dǎo)教程-百變鎖屏，此處不多進(jìn)行贅述。