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

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

產品介紹

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

HwtDesigner功能

1、HwtDesigner最新版支持全新項目設計，打開軟件直接新建項目。

2、支持修改項目，直接導入之前設計的項目修改。

3、提供鎖屏設計，可以為手表設置鎖屏壁紙。

4、支持滑動鎖屏、雜志鎖屏、百變鎖屏、視頻鎖屏。

5、支持桌面壁紙設計，為手機、手表設計桌面壁紙。

6、支持桌面設置，可以調整桌面布局、鎖定布局。

7、支持自動對齊，刪除應用后，自動補齊空位。

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

9、背景圖片、標題欄背景色、工具欄背景色、圖標文字高亮色都可以調整。

HwtDesigner特色

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

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

使用教程

一、主題包內文件說明

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

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

注意：一個10.0主題大小應控制在50M以內。

主題包內文件說明 – 鎖屏包/圖標包

一個完整的10.0鎖屏包，僅包含鎖屏模塊

一個完整的10.0圖標包，僅包含圖標模塊

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

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

圖標包內description.xml描述文件說明

注意：主題英文名，中文名，開發(fā)者名稱，設計師名稱四項待主題上線后均不可修改；
          設計師名稱與設計師的開發(fā)者聯(lián)盟賬戶綁定；
          主題分辨率，主題英文字體，中文字體均采用默認不可以修改；
          主題版本號第一版為10.0.0，后續(xù)有更新則更改為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）
聯(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 … …）

注意：

標紅的部分為10.0小主題必須有的預覽圖，也是一個主題的基本預覽圖；

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

10.0小主題預覽圖樣板

注意：

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

10.0大主題模塊預覽圖樣板

注意：

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

鎖屏部件(unlock)

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

滑動解鎖

滑動解鎖包內只有一個XML文件，顯示內容為默認效果，設計師僅能修改壁紙，代碼固定，如圖所示

雜志鎖屏

雜志鎖屏和滑動解鎖相似，包內只有一個XML文件，顯示內容為默認效果，設計師僅能修改壁紙，代碼固定，如圖所示

系統(tǒng)根據手機指紋解鎖位置，自動判斷時間布局。

百變鎖屏

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

百變鎖屏包內有3個文件，如圖所示：

drawable-hdpi

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

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