Among the verification methods, rotation verification is one of the common methods. bulk sms send In this article, the author shows the production materials, ideas and specific processes in the rotation verification design in detail, let's take a look. Rotation verification is a mainstream verification method, so today the author will teach you how to make a high-fidelity rotation verification prototype in Axure. Prototype preview address. Production materials It is divided into 3 parts in total, bulk sms send as shown in the figure below: verification pop-up window, verification button and success prompt pop-up window.
Validation pop-up window The validation pop-up window mainly includes the following components: Background box: made of rectangle, shadow is selected by default; bulk sms send Picture: circular picture, which is not placed forward by default; Close button: x button; Slider: Including sliding button, sliding bar, prompt text. The sliding button bulk sms send needs to be converted to the form of a dynamic panel, because only the dynamic panel can be dragged and the content needs to be adaptive, and a dynamic panel background color is selected by default. 2. bulk sms send Validation button It is made of ordinary button. 3. Successful prompt pop-up window Here we use a rectangle to make it.
After the production is completed, it will be turned into a dynamic panel, fixed in the middle of the screen, and hidden by default. 2. bulk sms send Production ideas When the mouse drags the sliding button, the picture rotates by the corresponding angle according to the sliding distance. When the mouse is released (that is, when the dragging ends), it is judged whether the picture is positive. If it is positive, the verification is successful; otherwise, the verification fails and needs to be re-verified. 3. Tutorial 1. Move while dragging the sliding button : When dragging the active button, the sliding button moves horizontally with the mouse, bulk sms send the left side of the moving limit is 0, and the right side is the width of the gray bar below.