主题开发工具Theme Studio简介

Last Updated：2021-08-26。
Theme Studio是智能高效的主题开发工具，提供可视化的主题制作方式。通过Theme Studio你将能制作一个属于自己的主题。Theme Studio的功能如下：

• 所有页面修改内容可以实时预览，效果随时可见。
• 关联页面的颜色和图片一处修改，全局自动同步，保证风格统一。
• 实现一键同步正在编辑的主题至手机，在真机上校验主题效果。
• 通过工具自动校验所有资源项目，能够可视化制作出符合规范的主题包。
• 无需手动编码，可视化便捷操作。提供位移、帧动画、旋转、缩放、渐隐等基础动效和水波纹、跟手粒子、多壁纸、充电特效等高级动效。

跟手粒子动效简介

跟手粒子动效是指当手指在锁屏上滑动时，在滑动轨迹处会生成跟手粒子。在很多场景下可以与用户产生非常有趣的互动。例如：在浩瀚的海洋跟手一群鱼，在震撼的星空跟手闪烁的星星。通过Theme Studio工具，可以快速完成跟手粒子动效的制作。

10分钟快速上手Theme Studio，制作一个使用跟手粒子动效的、符合规范的动态主题并同步至手机中应用。

• 笔记本电脑，运如何通过主题开发工具Theme Studio制作一款使用跟手粒子动效的手机主题。
• 增强对主题开发工具Theme Studio的功能理解和认知，并从手机主题的制作中获取乐趣。

硬件要求

• 笔记本电脑，运行Windows 10操作系统。
• 华为手机一部（EMUI10及以上系统，带USB线），用于传输开发好的手机主题。

软件要求

• 主题开发工具Theme Studio，请下载最新版本，下载目录为https://developer.huawei.com/consumer/cn/doc/development/Tools-Library/theme_download-0000001050424897。
• 跟手粒子样例主题包。

需要的知识点

Theme Studio手机主题制作能力。

开发要点

1、了解手机主题的整体制作流程：新建、制作、同步、导出主题。
2、学习动态小主题的制作方式，包括制作动态锁屏（使用跟手粒子动效）、添加桌面壁纸及添加图标等。

开发步骤

步骤一：新建主题

步骤二：制作动态锁屏

1. 添加动态锁屏壁纸和时间切图
   选中锁屏中的"动态锁屏"，添加动态锁屏壁纸unlock_wallpaper_0.jpg 并更改时间切图。（图片资源路径：动态主题-跟手粒子实践素材/unlock）
   
2. 添加帧动画
   点击"图片"，添加首帧图片 shouping_1，设置帧动画大小为适应手机，位置坐标为X=0，y=0，如截图所示。（图片资源路径：动态主题-跟手粒子实践素材/unlock）
   

在"添加动画效果"中添加一个"帧动画"，并设置第二帧100ms，时间间隔也为100ms。然后点击"+"批量添加帧动画图片资源。（图片资源路径：动态主题-跟手粒子实践素材/unlock）


3. 添加跟手粒子动效
   点击"动画"，选择"高级动效"，添加一个"跟手粒子"动效。在"样式"中上传准备好的跟手粒子素材 xingxing。（图片资源路径：动态主题-跟手粒子实践素材/unlock）
   

在"动画"中，设置粒子数量为：2；运动速度为：2.5；运动半径为12：尺寸变化速度为：3。


4. 设置锁屏
   选择unlocker，设置解锁区域的大小为适应手机、位置X=0，Y=0，滑动方向为向上。
   

步骤三：添加桌面壁纸

步骤四：添加图标

1. 使用模板模板
   切换至图标模块，选择静态图标，点击"图标模板"，选择适配的图标模板。
   
2. 确认展示图标
   选择"展示"，确认展示图片，可根据设计需要更换展示图标。点击右键头切换展示预览图，同样进行确认。
   

步骤五：截屏生成预览图

步骤六：同步主题

1. 将手机连接至电脑
   将手机连接至电脑，在手机上多次点击版本号开启开发者选项，在开发者选项中开启USB调试开关。
2. 同步主题
   点击工具中的"同步"按钮，将制作好的主题同步至手机中"主题"应用中。同步成功后会出现"同步成功"的弹窗。
3. 查看效果
   进入主题app，在"我的-我的主题"中找到对应主题，再点击 "应用"查看动态效果。
   

步骤七：导出主题

1. 检查并编辑预览图
   在手机中检测主题无误后，点击导出按钮，检查并编辑预览图，确认无误后点击下一步。
   
2. 填写主题信息
   填写并确认主题信息后，点击导出按钮，选择导出路径后确认导出主题。
   
3. 导出成功
   恭喜，您已经完成了入门级主题开发，成功制作了一款手机动态主题。