角度材质设计:mdThemingProvider和Color palettes,如何使用它们

时间:2015-04-23 14:52:32

标签: angularjs material-design

我对Angular的材料设计很新,我发现很难为初学者找到合适的教程。我想知道是否可以使用$ mdThemingProvider预定义的调色板(css)?是否有任何适当的文档可以向我解释$ mdThemingProvider实际上是代码明智的。任何帮助将非常感激!

2 个答案:

答案 0 :(得分:7)

虽然可以使用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时那样。

干杯!

答案 1 :(得分:-3)

我从这开始:

Configuring a theme