Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Material design stepper control

Could someone give me an idea how to begin implementing vertical, non-linear stepper control described in the Android Material Design guide here:

http://www.google.com/design/spec/components/steppers.html

like image 641
user248981 Avatar asked Oct 30 '15 15:10

user248981


People also ask

What is a stepper in design?

A stepper is a two-segment control that people use to increase or decrease an incremental value. A stepper sits next to a field that displays its current value, because the stepper itself doesn't display a value.

What is a stepper in UI design?

Definition: An input stepper is a two-segment UI control used to incrementally increase or decrease a numeric value. Most input steppers are visual elements of a graphical user interface (i.e., they're GUI controls), voice and gestural interfaces can also have steppers.

How many types of steppers are there?

There are three main types of stepper motors: Permanent magnet stepper. Variable reluctance stepper. Hybrid synchronous stepper.

How many steps are in a stepper UX?

3–5 steps will be enough.


1 Answers

you can check this library , however this is still in development.

just extend the mobileStepperSimple class and implement the methods init,onFinished.

you can add the steppers as fragments by extending the stepperFragment and implement onNextButtonHandler to handle next button click.

check the demo for more usage.

any contributions and optimization will be helpful.

like image 98
androidlover Avatar answered Sep 22 '22 18:09

androidlover