Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Correct usage of a Spinner, following material design guidelines

After reading the new design guidelines of Google's material design, I didn't found any clear solution for designing/displaying a spinner (http://developer.android.com/design/building-blocks/spinners.html) in material design.

The nearest would be something like this: http://material-design.storage.googleapis.com/publish/v_1/quantumexternal/0Bx4BSt6jniD7anplVHR3QkdNUHc/components_menus_behavior2.png - but I'm quite sure, there will be some better solution. Especially if it comes to spinner popups. Even so, I didn't find any spinner/menu element out of the Box in Android studio - so I think this would be custom control.

The best example I found is the above linked menu which covers the functionality of an spinner element.

What would you recommend, to display such an control and being in the range of material design.

like image 919
ZsoZso Avatar asked Nov 07 '14 09:11

ZsoZso


People also ask

What is material design guidelines?

Material Design is a comprehensive set of design guidelines that goes beyond a simple framework. Google's Material Design patterns could be considered a design library rather than a framework. It's one of the most comprehensive open-source libraries currently available.

What is Android material design guidelines?

Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices. To use material design in your Android apps, follow the guidelines defined in the material design specification and use the new components and styles available in the material design support library.

What is material design PDF?

Material Design Lite, MDL is a UI component library created with CSS, JavaScript, and HTML. MDL UI components helps in constructing attractive, consistent, and functional web pages and web apps while adhering to modern web design principles like browser portability, device independence, and graceful degradation.


2 Answers

A spinner will be automatically themed correctly for the Material Guidelines when your App Theme inherits from Material.Theme (or Appcompat). You can then declare and populate your spinner like described here: http://developer.android.com/guide/topics/ui/controls/spinner.html

In Android Studio you can find the Spinner in the section "Widgets" at the bottom.

like image 151
rubengees Avatar answered Oct 23 '22 17:10

rubengees


I wrote an article here:

There is No Material Design Spinner for Android

covering usage, styling, data-binding, etc. of the material design "spinner".

like image 42
rmirabelle Avatar answered Oct 23 '22 19:10

rmirabelle