Stack Overflow
Stack Overflow

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
8542 questions
100
votes
17 answers

TextInputLayout not showing EditText hint before user focus on it

I am using recently released Android Design Support Library to show floating label with EditTexts. But i am facing the problem that the Hint on the EditText is not showing when UI is rendered, but i see the Hint after i focus on the EditTexts. My…
Shajeel Afzal
  • 5,913
  • 6
  • 43
  • 70
99
votes
10 answers

How to provide shadow to Button

As you can see in image, I want shadow behind a Button. I have created Button with rounded corners. But problem is I can't generate a shadow behind that Button. How can I achieve this?
Chintan Rathod
  • 25,864
  • 13
  • 83
  • 93
95
votes
8 answers

MaterialComponents theme alert dialog buttons

Recently I switched from support library to com.google.android.material:material:1.0.0 But now I have a problem, in this pages there's a note…
antanas_sepikas
  • 5,644
  • 4
  • 36
  • 67
95
votes
8 answers

Binding element 'index' implicitly has an 'any' type

Using the demo project of angular2-mdl as a guide I ported the tab component and tried to implement it as follow: import { Component } from '@angular/core'; @Component({ selector: 'my-dashboard', templateUrl: './landing.my.html' }) export…
InsaneBot
  • 2,422
  • 2
  • 19
  • 31
94
votes
13 answers

Error : IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents

Below are my dependencies implementation 'com.google.android.material:material:1.0.0' implementation 'androidx.appcompat:appcompat:1.0.2' implementation 'androidx.constraintlayout:constraintlayout:1.1.3' My layout.xml
Goku
  • 9,102
  • 8
  • 50
  • 81
94
votes
13 answers

How to change color of hamburger icon in material design navigation drawer

I am following this example http://www.androidhive.info/2015/04/android-getting-started-with-material-design/ and in this example it is showing hamburger icon white,i want to customize it and make it black,but i am not able to find anything to how…
Aditya
  • 1,508
  • 1
  • 19
  • 37
94
votes
2 answers

How to disable "pull to refresh" action and use only indicator?

I enabled "pull to refresh" to my project using the SwipeRefreshLayout. When I move down, appear the loading indicator (material design style). I know, it must so work, but I want to disable this function, and start refreshing by click some button…
Александр Шевчук
  • 1,697
  • 2
  • 19
  • 31
91
votes
9 answers

Navigation Drawer semi-transparent over status bar not working

I am working on Android project and I am implementing the Navigation Drawer. I am reading through the new Material Design Spec and the Material Design Checklist. The spec says that the slide out pane should float above everything else including the…
Boardy
  • 35,417
  • 104
  • 256
  • 447
90
votes
10 answers

How to add floating label on Spinner

After using the Android Design Support Library's TextInputLayout to place a floating label above an EditText component, I was wondering if there is a way to add a floating label to the Spinner component (not necessarily using the Design Library). By…
Farbod Salamat-Zadeh
  • 19,687
  • 20
  • 75
  • 125
89
votes
14 answers

Android FAB icon always black with MaterialComponents theme

I'm creating an Android app and I'm using the AndroidX libraries and Material design theme. My app theme on styles.xml is: