Many music apps, such as Kugou, Netease Cloud, etc., have a record player spinning next to them when playing music. And how do we use Axure to make such a prototype of music record player's picture rotation and pause? If not, you can follow the following steps to learn ~ get started with Axure as a product manager and come up to learn! Select several sets of high-quality Axure self-study video lessons, comprehensively and comprehensively teach you the basic operation of Axure software and prototype interaction, so that you can develop in an all-round way with theory and practice ~

The steps of making AXURE music record player pictures rotate and pause the prototype: 1. Explain the principle of interactive events

The dynamic panel of conditional judgment button determines whether the record rotates;

the rotation of the picture after clicking the button;

add the "when rotating" event of the picture to control its circular rotation. Second, the construction of interface components

Add a dynamic panel, named as a button, and add two states of rotation and pause, which are named as "rotation" and "pause" respectively.

add a picture "disc". This tutorial consists of two pictures. You can also use one picture. Iii. realization of interactive events

(1) Select the button dynamic panel and add the event when the mouse clicks

1) If the button panel is rotating, switch to the next state of this panel, and rotate backward, while rotating the disc, with the angle of 5 and the direction of clockwise, the animation is linear and the time is 5ms.

2) otherwise, this panel switches to the next state.

(2) Select the disc and add events during rotation (mainly to realize the circular rotation of the disc)

Similarly, the rotation is "relative position", the angle is 5, the direction is "clockwise", the animation is linear, and the time is 5ms.

the added judgment condition is: dynamic panel button = = pause. Fourth, preview effect

Example demonstration:

Ok, how to do the prototype of "Axure music record machine picture rotation and pause?" That's all for sharing today. I hope you can learn something from it! Axure learning, Axure related articles and Axure self-study video lessons are all good choices! If you have a strong understanding of words, personally recommend Axure articles to study; However, if you want to study Axure professionally, I still recommend that you choose Axure to teach yourself video lesson Systematics! Not only can it be clearer and more organized, but everyone can also use their own fragmented time to study!