【发布时间】:2015-04-23 14:52:32
【问题描述】:
我对 Angular 的材料设计非常陌生,我发现很难找到适合初学者的教程。我想知道是否可以将预定义的调色板(css)与 $mdThemingProvider 一起使用?是否有任何适当的文档可以向我解释 $mdThemingProvider 实际上在代码方面做了什么。任何帮助将非常感激!
【问题讨论】:
我对 Angular 的材料设计非常陌生,我发现很难找到适合初学者的教程。我想知道是否可以将预定义的调色板(css)与 $mdThemingProvider 一起使用?是否有任何适当的文档可以向我解释 $mdThemingProvider 实际上在代码方面做了什么。任何帮助将非常感激!
【问题讨论】:
虽然可以使用 CSS 来设置 AngularJS Material Design 对象的样式(就像任何其他 HTML 元素一样),但这不是推荐的方式。相反,AngularJS Material Design 包为我们提供了主题,这些主题将允许在未来进行简单的全 UI 颜色更改(并供我们的用户选择)。
首先,read this page。从代码的角度来看,这确实是您需要知道的。你会想要经常引用它。
其次,不幸的是,它们并没有真正提供一种简单的方法来为您的主题创建新的调色板。为此,您需要为调色板中的所有主要颜色选项指定十六进制代码,或者扩展默认调色板并仅修改几种颜色。我创建了一个主题生成器来帮助您完成此过程并使事情变得更容易,which you can use here。
第三,来自更传统设置的最大问题是需要“警告”或“成功”主题,以允许以操作为导向的主题而不是站点范围的主题。网上对此有很多讨论,但我建议为这些典型“状态”中的每一个创建一个主题,以便在整个应用程序中使用。这允许您在任何特定状态下使用辅助调色板——例如能够反转警告主题而无需重写 CSS。 Here is a discussion 关于这个。
最后,这个包改变了主题的视角,就像在 jQuery/Prototype 之后第一次使用 AngularJS 时所做的那样。
干杯!
【讨论】:
我是从这个开始的:
【讨论】: