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
5
votes
2 answers

Custom seekbar with material design

I've got a seekbar in a layout for a custom dialog preference. I changed my styles.xml to use the new material desing. It works because it change text and checkboxes of my settings but I can't apply the color to my seekbar. It works only if I put a…
greywolf82
  • 21,813
  • 18
  • 54
  • 108
4
votes
1 answer

Angular 15 theme overwritten by MDC components

Been following Angular material guidelines on theming, which led me to the following setup (ignore the $mx-* palettes, these are having correct values for 50..900 levels and likewise the contrasts): @use '@angular/material' as mat; @use…
Andrew
  • 3,648
  • 1
  • 15
  • 29
4
votes
2 answers

Jetpack Compose not taking the colorScheme

I have an android app written in Jetpack Compose. I am trying to set Icon colors using the defined colorScheme in my app, but it's not working. Below is my code. Color.kt import androidx.compose.ui.graphics.Color val green =…
Mervin Hemaraju
  • 1,921
  • 2
  • 22
  • 71
4
votes
1 answer

Ionicons package in Flutter showing this warning during build - Expected to find fonts for (packages/Ionicons/Ionicons, MaterialIcons)

I am using Ionicons pagckage for Icons in my flutter app. But when executing flutter build appbundle it is showing me this error - Expected to find fonts for (packages/Ionicons/Ionicons, MaterialIcons), but found (MaterialIcons). This usually means…
Vasudev Soni
  • 43
  • 11
4
votes
0 answers

How to use menu like FilterChip in Flutter

Is there any way to achieve the following effect? Chips-Material Design 3 I try to use dropdownmenu, but failed this is my code(flutter 3.3, useMaterial3: true): ps: forgive my ugly english.. class MyHomePage extends StatefulWidget { const…
Answer_K
  • 155
  • 9
4
votes
1 answer

Is there any way to remove the stretch effect when scrolling a list in flutter using material 3?

Left is what the old material design had which was a glow effect. Right is what the new material design has which is a stretch effect. Inside the Material widget, set the theme property to this: theme: ThemeData().copyWith( useMaterial3:…
Hama Sabah
  • 342
  • 4
  • 9
4
votes
2 answers

Why does accompanist-systemuicontroller not work when using Jetpack Compose with Material3?

I'm learning the use of Material3 in jetpack compose, and I'm trying to set the statusbar to be transparent just as I used to. However, with the following code: WindowCompat.setDecorFitsSystemWindows(window, false) setContent { val…
Eynnzerr
  • 191
  • 2
  • 13
4
votes
2 answers

How to change background colour of SmallTopAppBar, CenterAlignedTopAppBar, MediumTopAppBar and LargeTopAppBar

How can a color resource be used to change the background colour for a MD3 top app bar in Jetpack Compose? Understandably, a colors property is available but it's not clear what to use for the above. Color.kt val MyColor =…
wbk727
  • 8,017
  • 12
  • 61
  • 125
4
votes
1 answer

Material Design 3 uses colorPrimary for actionBar, navBar and calendar background color. How do I disable this?

After upgrading to Material Design 3, I noticed that the background colors of certain things changed to a faded version of whatever my primary color is set to. For example, if I set my primary color to Red, the navBar and Calendar are now somewhat…
Marty Miller
  • 913
  • 2
  • 11
  • 27
4
votes
0 answers

About Material3 Toolbar DynamicColors

I'm using Material3 Theme. Theme.Material3.Light.NoActionBar Now the background of bottom navigation view was changed into the Dynamic Color automatically But for the toolbar, it doesn't…
LovelyCat
  • 85
  • 6
4
votes
1 answer

How to center a NavigationRail's content in Jetpack Compose (menuGravity missing)

Problem The Composable androidx.compose.material.NavigationRail has in some documention an optional "centered" alignment. I cannot achieve this using Jetpack Compose. The "old" XML attribute is app:menuGravity="center" according to this…
Tobonaut
  • 2,245
  • 2
  • 26
  • 39
4
votes
1 answer

MUI Data Grid horizontal scrolling (responsiveness) is not working

I created a Data Grid table with 10 columns. It looks great on big screens but when I squeeze it below 1380 px, I expect to see a horizontal bar scrolling but it looks terrible. I don't want to switch to another library and just need to fix this…
Oğuzhan Yıldırım
  • 146
  • 2
  • 12
1 2 3
…
99
100