如何在头像上添加圣诞帽

如何在头像上添加圣诞帽,第1张

首先打开手机微信软件,点击下方“发现”按钮,里面会有“小程序”,“点开小程序”;点击小程序右上角的放大镜,进行搜索;在搜索栏输入圣诞头像;搜索出来后,点击圣诞头像小程序;在里面点击自己想加圣诞帽的头像,也可以自己现拍一张;在显示出来的礼帽中选择自己喜欢的,点击即可显示出来;右下角框的边缘上会有调整大小的按钮,可以对圣诞帽进行位置和大小调整;最后将自己的圣诞帽在头像上放好即可,保存即可换上当头像。

新接了一个做微信小程序的活,编码方式跟vue很相似,样式编写比普通css样式轻松的多,现要实现一个轮播图的效果。

请教了我的同学,她说小程序有两种方法能实现这个效果:

微信小程序—swiper组件文档

wxml文件:

js文件:

法一实现出来的效果图是酱紫的:

wxml文件:

js文件:

wxss文件:

用法二实现出来的效果图是酱紫的:

Towify 中的动画可以为组件设置多种动画效果,快来1秒Get如何配置!

效果展示

使用动画效果中的旋转动画,同时配置触发器行为:执行其它动画。实现点击播放动画的效果。

触发器配置

注意:在检查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中音频组件

点击检查面板中的触发器

创建一个触发行为:执行其它动画的触发器

注意:在……时是一种监听行为的触发时机,在当前案例中,使用了监听音频的状态。

选中音频组件

点击检查面板中的触发器

创建触发行为:在……时的触发器

注意:激活有两种状态,分别为激活非激活,激活对应了样式中的Selected状态,而非激活对应了样式中的Default状态

选中音频组件

点击检查面板中的触发器

创建触发行为:激活的触发器

这样就可以配置旋转动画了。

以上就是关于如何在头像上添加圣诞帽全部的内容,包括:如何在头像上添加圣诞帽、微信小程序—用动画实现自定义轮播图、使用Towify制作微信小程序时,如何配置旋转动画等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10210287.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存