Shulou(Shulou.com)06/02 Report--

This article mainly shows you how Mini Program creates an animation instance animation, which is easy to understand and well organized. I hope it can help you solve your doubts. Now let me take you to study and learn how Mini Program creates an animation instance animation.

Create an animation instance animation. Call the method of the instance to describe the animation. Finally, the animation data is exported to the animation attribute of the component through the export method of the animation instance.

Note: the export method clears the previous animation operation after each call.

OBJECT parameter description:

Parameter type: required default value: durationInteger No 40000 animation duration. Unit mstimingFunctionString No "linear" defines animation effect delayInteger No 0 Animation delay time, Unit mstransformOriginString No "50% 0" set transform-origin

Valid values for timingFunction:

The value indicates that the speed of the linear animation from beginning to end is the same. The ease animation starts at a low speed, then speeds up, slows down before the end, starts the ease-in animation at a low speed, starts the ease-in-out animation at a low speed, and ends the ease-out animation at a low speed. The first frame of the step-start animation jumps to the end state until the end of the step-end animation. The last frame jumps to the end state var animation = wx.createAnimation ({transformOrigin: "50%", duration: 1000, timingFunction: "ease", delay: 0}) what is the advantage of Mini Program compared with developers, Mini Program is less difficult to develop, can save development and operating costs, and allows developers to quickly develop a Mini Program. And Mini Program can be easily obtained and spread in Wechat, which can meet the basic life applications, in line with life services offline stores and non-rigid needs of low-frequency applications. For users, it can save time cost and mobile phone memory space, and have excellent use experience at the same time.

The above is about "how Mini Program creates an animation instance animation". If this article is helpful and well written, please share it with your friends to learn new knowledge. if you want to know more about it, please pay more attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.