Overview

Huawei theme development consists of entry-level theme development, advanced live theme development, and professional source code theme development. The advanced live theme development and professional source code theme development help produce interactive themes, but are intended primarily for developers with significant coding experience. Entry-level theme development only produces still themes, but it enables developers without coding experience to develop themes in the easiest possible manner. Developers can download the Huawei theme development tool, and use it to quickly develop and test themes.
The Huawei theme development tool has been specially designed for theme editing. Theme developers can use it to quickly create themes after preparing related icons. The tool has the following features:

What You Will Create

In this codelab, you can use the Huawei theme development tool to create Huawei themes. After applying a new Huawei theme, your mobile phone will have a completely different appearance.

What you'll learn


1. Double-click the Huawei theme development tool to open it.

  1. Set Theme Name-EN and Theme Name-CN.
  2. Set Theme Version. In this codelab, the value EMUI9.1 is used as an example.
  3. Set Theme Scope to Small scope.
  4. Click OK to create a theme.

  1. Go to Unlock > Slide unlock.
  2. Enable Apply this unlock method.
  3. Click Upload and upload an image.
    Path of the image material used in this example: Static theme development materials\wallpaper\unlock_wallpaper_0.
  4. Preview the lock screen wallpaper.
  5. Click Screenshot to save the preview image, and this picture will be used at Export section.

  1. Go to Wallpaper > Still Wallpaper.
  2. Click Upload and upload an image.
    Path of the image material used in this example: Static theme development materials\wallpaper\home_wallpaper_0
  3. Preview the home screen wallpaper.

  1. Go to Icon > System Icons > Still icon.
  2. Click Batch upload (If you select all icons, the tool automatically uploads them based on their names).
    Path of image materials used in this example: Static theme development materials\icons
  3. Preview the still icons.
  4. Click Screenshot to save the preview image and this picture will be used at Export section.

  1. Go to Icon > System Icons > Live icon.
  2. Replace the six images in the Optimize section one by one.
    Path of image materials used in this example: Static theme development materials\optimize
  3. Set Text Color for the live icon (This parameter specifies the color of the percentage displayed on the live icon, instead of the icon name). Click button and system will open color board for user to select the color.
  4. Preview the live icon.
  5. Click Screenshot to save the preview image and this picture will be used at Export section.

  1. Go to Icon > Third-party Icons > Style.
  2. Replace the three images one by one.
    Path of image materials used in this example: Static theme development materials\icons (images: icon_background_01, icon_mask, and icon_border)
  3. Preview the third-party icon style.

  1. Use a USB cable to connect your Huawei mobile phone which using EMUI 9.1 to the computer and click Sync to synchronize the theme to the mobile phone.
  2. Preview the theme. When the message "Synchro success" displays, the theme has been successfully synchronized.

Find and tap the Themes app on your mobile phone.

Go to Me > My themes > Themes, and tap the theme you have created to apply it.

  1. Click Export.
  2. Set parameters related to theme package export.
  3. Confirm the preview images.
  4. Click Next to export the theme package.

You have successfully completed this codelab, and now you have your first still theme.

Code copied