上手

我新材料的设计?开始这个介绍我们的准则,组件和关键概念。使用此页查找资源设置环境,实现了材料成分,主题化他们自己的品牌相匹配。


设计

方针

设计 该网站的部分涵盖我们的理念和主要议题原则:如 布局, 颜色活版印刷。该 组件 部分提供详细的指导和规范使用我们的组件。

材料主题化 覆盖部件如何定制针对不同的品牌和产品的需求。

Composition of design elements (left to right) representing the components, layout和 typography sections of 材料设计.

设计文件

下载主题化样式组件,并调整颜色,版式,和海拔。可用的文件: 草图,FIGMA(以 底线 主题),和 土坯XD (由Adobe维护)。

注意:这些下载可下 Apache 2.0的。这些文件通过下载,您同意 谷歌服务条款。该 谷歌的隐私政策 描述数据是如何在ESTA服务处理。

例子

材料研究 在示例中创建的应用材料的设计团队演示组件如何使用和主题化创造美丽,可用的应用程序。


安卓

设定

安卓入门 我们的文档中详细解释了如何建立你的环境,需要什么样的资源库,如何从我们的主题继承,以及如何添加组件。

教程

Abstract composition of interface elements with Bugdroid, the 安卓 mascot, in the center.

例子

材料的例子机器人的github仓库 演示包含用于使用颜色,排版的MDC-机器人库和陈列柜定制构建的应用程序用的材料制成的主题化的源代码,和形状。

预览中的所有可用的组件 MDC-的安卓库,运行在机器人工作室或通过运行下面的命令摇篮目录模块:

./gradlew:目录:installdebug


IOS

设定

IOS对于部件的材料使用标准的工具链IOS:xcode中和的CocoaPods,开源依赖系统。使用 构建环境 我们的Xcode的设置,并与支持的版本库的兼容性文档页面,以便最大限度地提高我们的源代码。

教程

Abstract composition of IOS-like elements including the Back action.

例子

预览所有可用的组件库MDC-IOS, 构建和运行目录.


卷筒纸

设定

网络入门 如何设置使用快速安装或在本地使用NPM CDN组件提供文档的页面说明。还包括它在使用捆绑如从的卷筒纸Pack MDC节点模块捆扎SASS和JavaScript的信息。

开始探索主题化的材料和部件没有设置的环境中,混音的一个 材质入门套件 在毛刺。

框架支持:MDC网络是适用于各种主要的网络框架的角如,VUE,并作出反应。看看我们 框架包装 可用包装库的列表页。

Abstract representation of a web page with open 菜单.

教程

例子

看看的 页面上的毛刺材料设计,设有项目和材料组分的例子,并且在使用主题化。


设定

扑捆绑了材料的设计,工作移动,web和桌面上的小部件。所有可用的材料成分可查询 颤振的设备部件目录.

开始在你的应用程序中使用它们,添加:

导入包:颤振/ material.dart

教程

Abstract composition of shapes 和 interface elements including the 扑 logo, FAB和 switch component.

例子

扑画廊 例如显示应用程序,演示窗口小部件和材料设计模板,所有这些都可以在自己的应用程序中使用。源代码可以用 github上 并且包括更多的例子。