Currently, many friends do not know how to use Axure to create number selector prototypes, but it doesn't matter, because the editor below will share the specific operation methods of Axure to create number selector prototypes. I hope that interested friends can learn together.

Open the Axure software, create a blank page, and drag into the work area the components you want to use this time, mainly including titles, input boxes, and buttons, as shown in the figure below.

At this time, after the component elements are prepared, set the component style, as shown in the figure below.

After the component style setting is completed, set the name of each component, as shown in the figure below.

Next, set the type of the input box. In fact, it can be set to numbers, so that only numbers can be entered in the input box. Of course, text can also be entered, but the effect will be different. Try it out, as shown in the figure below.

Next, let's start setting up the interaction events for the two buttons. First, create a click interaction event for the plus button, which requires variables to control.

At this time, when setting the click interaction event of the minus button, variable control is also required. The above is to add one to the value in the input box, and here is to subtract one, as shown in the figure below.

The preparation work is completed, and the f5 preview effect is as shown in the figure below.

When you click the plus sign first, the numbers will start to increase from 1. Click to increase once, as shown in the figure below.

Finally, when you click the minus sign, it will subtract one from the current value. You can also enter a number and then subtract, as shown in the figure below.

Above, I have shared with you the specific operation method for making a prototype of a number selector in Axure. Friends in need should hurry up and read this article.