简介

华为主题开发分为初级入门级主题开发、进阶动效主题及高级源码主题开发,其中对于入门级主题,开发者可以通过下载华为主题工具IDE,在工具的指引下快速完成主题的开发和测试,这类主题可快速入门但缺乏交互;而高级源码主题是通过Android Studio IDE进行开发,类似于一个全新的原生Android界面开发,这类主题用户的交互体验好,但入门难,开发周期长。
而本章介绍的"跟手粒子"属于进阶动效主题,这类主题开发难度适中,且提供良好的用户交互体验。接下来我们将介绍在切图资源准备好的情况下,开发者如何通过xml脚本的配置,在手机锁屏界面上实现" 跟手粒子"的动效。

您将建立什么

在这个Codelab中,你将创建出一个带锁屏动效的华为主题:当用户打开华为手机锁屏页时,锁屏页上的动效粒子可以跟随手指在手机屏幕上移动。

您将会学到什么

在这个开发过程中,你将需要准备如下资源:

1.将跟手粒子.rar文件解压

2.从解压包的...\跟手粒子\unlock\lockscreen目录下,找到并打开manifest.xml文件

3.编辑manifest.xml文件,从211行开始,增加跟手粒子的效果定义脚本,具体的跟手粒子xml脚本片段含义如下:
<Group visibility="eq(#gs,1)"> <Image src="hb_1.png" x="#touch_x" y="#touch_y" align="center" alignV="center" centerX="0" centerY="80" angle="#gss"/> <Image src="hb_2.png" x="#touch_begin_x+(#touch_x-#touch_begin_x)*0.8" y="#touch_begin_y+(#touch_y-#touch_begin_y)*0.8" align="center" alignV="center" centerX="0" centerY="100" angle="-#gss"/> <Image src="hb_3.png" x="#touch_begin_x+(#touch_x-#touch_begin_x)*0.75" y="#touch_begin_y+(#touch_y-#touch_begin_y)*0.75" align="center" alignV="center" centerX="-60" centerY="80" angle="#gsss"/> <Image src="hb_4.png" x="#touch_begin_x+(#touch_x-#touch_begin_x)*0.7" y="#touch_begin_y+(#touch_y-#touch_begin_y)*0.7" align="center" alignV="center" centerX="40" centerY="-80" angle="-#gsss"/> <Image src="hb_5.png" x="#touch_begin_x+(#touch_x-#touch_begin_x)*0.65" y="#touch_begin_y+(#touch_y-#touch_begin_y)*0.65" align="center" alignV="center" centerX="100" centerY="0" angle="#gss"/> <Image src="hb_6.png" x="#touch_begin_x+(#touch_x-#touch_begin_x)*0.6" y="#touch_begin_y+(#touch_y-#touch_begin_y)*0.6" align="center" alignV="center" centerX="-80" centerY="45" angle="-#gss"/> <Image src="hb_7.png" x="#touch_begin_x+(#touch_x-#touch_begin_x)*0.55" y="#touch_begin_y+(#touch_y-#touch_begin_y)*0.55" align="center" alignV="center" centerX="70" centerY="-10" angle="#gsss"/> <Image src="hb_8.png" x="#touch_begin_x+(#touch_x-#touch_begin_x)*0.5" y="#touch_begin_y+(#touch_y-#touch_begin_y)*0.5" align="center" alignV="center" centerX="-35" centerY="80" angle="-#gsss"/> </Group>

这段xml脚本的具体含义如下:

4.主题打包,修改完成后,在一级目录下将文件压缩为zip包后将后缀改为.hwt,如跟手粒子.hwt 注:必须压缩为zip文件,不能压缩为rar文件

通过USB连接华为手机和开发计算机,并将打包好的主题导入到手机上的Huawei\Themes文件夹下

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

打开华为主题app,在"我的-我的主题"目录下,点击主题"跟手粒子",再点击 "应用"

应用后,打开手机的锁屏页,用手滑动体验跟手粒子效果

干得好,你已经成功完成了本次的Codelab并学到了:

本Codelab中所用demo源码下载地址如下:

源码下载

已复制代码