【问题标题】:Angular material design: mdThemingProvider and Color palettes, how to use themAngular 材质设计:mdThemingProvider 和调色板,如何使用它们
【发布时间】:2015-04-23 14:52:32
【问题描述】:

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

【问题讨论】:

    标签: angularjs material-design


    【解决方案1】:

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

    干杯!

    【讨论】:

      【解决方案2】:

      我是从这个开始的:

      Configuring a theme

      【讨论】:

        猜你喜欢
        • 2018-08-10
        • 1970-01-01
        • 2016-01-01
        • 1970-01-01
        • 2019-11-19
        • 2017-08-15
        • 1970-01-01
        • 1970-01-01
        • 2020-04-10
        相关资源
        最近更新 更多