Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Material Design Components Site

Today I was Googling for "material design components" I ended up at this site:

https://material.io/components/

As I remember, I've never seen it before.

In the Android section there are instruction to use the components and ok, it seems to be the well-known Android Design Support Library:

Screenshot of dependencies

But what intrigues me is that there are components there that are not in the design library, such as:

Back Layer Layout, Material Card and Material Button.

The docs for these classes seems to be not ready yet and the links points to nowhere, like: material button doc.

There is something in the github site.

Sorry for ignorance, but what is the purpose of this site? Is it something future or something left behind?

like image 733
alexpfx Avatar asked Apr 10 '18 02:04

alexpfx


People also ask

What is Material Design for website?

Material Design is an Android-oriented design language created by Google, supporting onscreen touch experiences via cue-rich features and natural motions that mimic real-world objects. Designers optimize users' experience with 3D effects, realistic lighting and animation features in immersive, platform-consistent GUIs.

What are material components?

Material Components are interactive building blocks for creating a user interface, and include a built-in states system to communicate focus, selection, activation, error, hover, press, drag, and disabled states. Component libraries are available for Android, iOS, Flutter, and the web.

What is a material site?

The Material Site Map Atlas has been prepared for the purpose of showing the approximate locations of material sites located statewide. Material sites provide the aggregates that are made into the concrete, bituminous, base, and borrow layers that make up the pavement structural sections on roads.

Can Material Design be used for websites?

What is Material Design used for? The Material Design framework was originally developed as the official style of Google's websites and apps (including Android apps). It's since been used beyond Google's platforms for websites and apps from a variety of brands.


Video Answer


2 Answers

The Android Design Support Library was the precursor of the Material Design Components. As of the Support Library 28.0.0-alpha1 release, the Design Library now contains all of the new components introduced in the Material Design Components:

We’ve introduced a new application theme, Theme.MaterialComponents, with new attributes and updated styles for components.

We’ve added the following components:

  • BottomAppBar
  • Chip
  • ChipGroup
  • MaterialButton
  • MaterialCardView

While the 28.0.0-alpha1 release does contain all of the new classes, the documentation on developer.android.com does not yet contain the updates from the Design Library (keeping the docs effectively on what was publically available previously), but they are definitely there if you use that dependency.

like image 125
ianhanniballake Avatar answered Oct 27 '22 11:10

ianhanniballake


The support libraries are now available through Google's Maven repository. We no longer support downloading the libraries through the SDK Manager, and that functionality will be removed soon..

as the Support Library Setup says. And this repository and material library within it will be offical to use.

Latest dependencies to use material components is:

com.google.android.material:material:1.0.0-alpha1

Getting started with Material Components for Android will help you to setup your project.

like image 38
touchthedot Avatar answered Oct 27 '22 10:10

touchthedot