Questions tagged [material-design]

Material design is Google's guide for visual, motion, and interaction design across platforms and devices, introduced with Android 5.0 Lollipop.

Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science. - Introduction - Material Design

Android 5.0 Lollipop includes support for material design apps. Polymer and Angular Material projects also provide official implementations.

Specification:

  1. Material design specifications
  2. Material Design: https://www.youtube.com/watch?v=Q8TXgCzxEnw
  3. Google I/O 2014 - Material design: Structure and components
  4. Google I/O 2014 - Material design: Visual style and imagery

Implementation:

  1. Android docs
  2. AngularJS Material
  3. Angular Material
  4. Polymer Project
  5. Material Design Lite (now deprecated)
  6. Material Components
7884 questions
547
votes
23 answers

This Activity already has an action bar supplied by the window decor

Trying to move over my stuff to use Toolbar instead of action bar but I keep getting an error saying java.lang.RuntimeException: Unable to start activity ComponentInfo{com.tyczj.weddingalbum/com.xxx.xxx.MainActivity}:…
524
votes
37 answers

How to change progress bar's progress color in Android

I'm using an horizontal progress bar in my Android application, and I want to change its progress color (which is Yellow by default). How can I do it using code (not XML)?
362
votes
35 answers

How to implement endless list with RecyclerView?

I would like to change ListView to RecyclerView. I want to use the onScroll of the OnScrollListener in RecyclerView to determine if a user scrolled to the end of the list. How do I know if a user scrolls to the end of the list so that I can fetch…
331
votes
12 answers

Android Material Design Button Styles

I'm confused on button styles for material design. I'd like to get colorful raised buttons like in the attached link., like the "force stop" and "uninstall" buttons seen under the usage section. Are there available styles or do I need to define…
xsorifc28
  • 4,932
  • 5
  • 14
  • 23
304
votes
21 answers

Android "elevation" not showing a shadow

I have a ListView, and with each list item I want it to show a shadow beneath it. I am using Android Lollipop's new elevation feature to set a Z on the View that I want to cast a shadow, and am already doing this effectively with the ActionBar…
AggieDev
  • 4,604
  • 9
  • 24
  • 46
260
votes
28 answers

Coloring Buttons in Android with Material Design and AppCompat

Before the AppCompat update came out today I was able to change the color of buttons in Android L but not on older versions. After including the new AppCompat update I am unable to change the color for either version, when I do try the button just…
mail929
  • 2,758
  • 3
  • 16
  • 12
243
votes
23 answers

How can a divider line be added in an Android RecyclerView?

I am developing an android application where I am using RecyclerView. I need to add a divider in RecyclerView. I tried to add - recyclerView.addItemDecoration(new DividerItemDecoration(getActivity(), …
sofquestion 8
  • 2,459
  • 2
  • 8
  • 4
213
votes
15 answers

How to use the new Material Design Icon themes: Outlined, Rounded, Two-Tone and Sharp?

Google has revamped its Material Design Icons with 4 new preset themes: Outlined, Rounded, Two-Tone and Sharp, in addition to the regular Filled/Baseline theme: But, unfortunately, it doesn't say anywhere how to use the new themes. I've been using…
Ashil John
  • 5,389
  • 4
  • 15
  • 29
205
votes
1 answer

What is the difference between Action Bar and newly introduced Toolbar?

After Google introduced Material Design, I have heard about a new widget class called Toolbar. What is the Toolbar, and what is the exact difference between ActionBar and ToolBar?
김준호
  • 14,557
  • 7
  • 39
  • 35
188
votes
13 answers

Adjust icon size of Floating action button (fab)

The new floating action button should be 56dp x 56dp and the icon inside it should be 24dp x 24dp. So the space between icon and button should be 16dp.
187
votes
1 answer

Choosing bootstrap vs material design

I'm going to start new project using AngularJS (full stack). My project needs to be responsive and I'll be creating templates from scratch. So I need an advice on whether to choose bootstrap 3 (with angular directives) or material design for…
Asik
  • 7,847
  • 4
  • 24
  • 33
181
votes
5 answers

Android Design Support Library expandable Floating Action Button(FAB) menu

Now that the Android Design Support Library is out, does anyone knows how to implement expanded Fab menu with it, like the fab on Inbox App? Should look like this:
EkKoZ
  • 3,594
  • 4
  • 19
  • 19
179
votes
6 answers

How to achieve ripple animation using support library?

I am trying to add a ripple animation on button click. I did like below but it requires minSdKVersion to 21. ripple.xml
N Sharma
  • 28,073
  • 81
  • 228
  • 405
176
votes
8 answers

Toolbar overlapping below status bar

I want to have appcompat v21 toolbar in my activity. But the toolbar I'm implementing is overlapping below status bar. How can I fix it? Here is the activity layout xml:
170
votes
18 answers

No shadow by default on Toolbar?

I'm updating my app with the new Toolbar from the support library v21. My problem is that the toolbar does not cast any shadow if I don't set the "elevation" attribute. Is that the normal behavior or I'm doing something wrong? My code…
1
2 3
99 100