简介

华为主题开发分为初级入门级主题开发、进阶动效主题及高级源码主题开发,其中进阶动效主题及高级源码主题虽然在交互体验上更有优势,但需要有一定的编码基础,而对于入门级主题,开发者可以通过下载华为主题工具IDE,在工具的指引下快速完成主题的开发和测试,这类主题虽缺乏交互但可快速入门。
华为主题开发工具是华为自主研发的华为主题编辑工具,主题开发者在完成主题相关切图后可使用该工具快速完成主题编辑和输出,其特点如下:

您将建立什么

在这个Codelab中,你将通过华为主题工具制作一个全新的华为主题,当你制作完华为主题并应用时,你手机的主题样式将会发生彻底的改变。

您将会学到什么

1、双击打开主题开发工具软件
2、填写"主题名称"
3、选择"主题版本"为 EMUI9.1,以下操作以EMUI9.1主题为例
4、选择需要开发的主题类型:小主题
5、点击"确定"按钮创建新主题

1、进入"解锁"模块
2、打开"使用本解锁方式"开关,选择滑动解锁
3、点击"上传壁纸图片"按钮后上传一张锁屏壁纸
本案例使用素材:静态主题开发素材\wallpaper\unlock_wallpaper_1
4、预览效果如图所示
5、点击右上角"截屏"按钮生成锁屏页预览图

1、选择壁纸图片壁纸
2、点击"上传壁纸图片"按钮上传桌面壁纸
本案例使用素材:静态主题开发素材\wallpaper\home_wallpaper_0
3、预览效果如图所示

1、选择图标系统图标静态图标
2、点击"批量上传"按钮(在"批量上传"时可以选择所有图标,工具将会根据命名自动上传匹配)
本案例使用素材:静态主题开发素材\icons
3、预览效果如图所示
4、点击"截屏"按钮生成预览图

1、选择图标系统图标动态图标
2、逐一替换"一键优化"按钮的6张图片
本案例使用素材:静态主题开发素材\optimize
3、更改一键优化按钮的"文本颜色"(动态图标上的百分比文本颜色,非图标名称文本的颜色)
4、预览效果如图所示
5、点击"截屏"按钮生成系统图标页预览图

1、选择图标第三方图标样式
2、逐一替换图片(3张)
本案例使用素材:静态主题开发素材\icon(分别为 icon_background_01、icon_mask、icon_border)
3、预览效果如图所示

1、点击"同步"按钮将制作的主题同步到手机(请先用USB线连接手机和电脑)
2、预览效果如左图所示(出现"同步成功" 提示即为同步成功)

从华为手机上找到并点击华为主题app

打开华为主题app,在"我的-我的主题"目录下,点击你命名的主题名,再点击 "应用"

1、点击"导出"按钮导出主题包
2、完善导出主题信息
3、检查预览图,预览效果如图所示
4、点击"下一步"按钮 导出主题

你已经成功完成了本次的Codelab,属于你的第一个静态主题作品诞生了。

已复制代码