当前位置: 首页 > 知识库问答 >
问题:

试图理解主题。材料组件

曹德明
2023-03-14

我最近离开了主题。AppCompat到主题。MaterialComponents,但我不懂如何组织颜色。

<style name="Theme.Test" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/orange</item>
        <item name="colorPrimaryVariant">@color/red</item>
        <item name="colorOnPrimary">@color/yellow</item>
        <!-- Secondary brand color. -->
        <item name="colorSecondary">@color/green</item>
        <item name="colorSecondaryVariant">@color/black</item>
        <item name="colorOnSecondary">@color/white</item>
    </style>

例如,为什么按钮采用橙色背景颜色,但cardview的背景不采用橙色?

有人能给我解释一下关于这些变量的更多信息吗

有任何官方文件吗?

共有3个答案

易弘阔
2023-03-14

看看Android中使用这些主题的材料网站官方文档

https://material.io/develop/android/docs/getting-started

王骏
2023-03-14

如果你想了解每种成分的具体情况,那就是材料。io文档通常提供有关各种属性的默认值的信息。

例如,MaterialCardView的留档指定默认的app: cardBackground Color? attr/colSurface

翟越
2023-03-14

可以参考以下留档:https://material.io/develop/android/theming/color

  • colorPrimary:应用程序屏幕和组件中显示频率最高的颜色。当在表面或背景色的顶部绘制时,此颜色应通过文本/图像的可访问性准则
  • 原色变体:原色的色调变化
  • colorOnPrimary:在原色上绘制时,通过文本/图像辅助性准则的颜色
  • colorSecondary:应用程序的二级品牌颜色,通常是主品牌颜色的重音补色
  • 颜色二次变体:二次颜色的色调变化
  • 颜色二级:当绘制在二级颜色上时,通过文本/图像辅助性准则的颜色

您也可以参考此SO:https://stackoverflow.com/a/45879575/9246764

 类似资料:
  • 描述 (Description) 材质主题通过使用适当的类提供了许多要在应用程序中使用的按钮。 下表列出了Framework7中使用的材料主题按钮 - S.No 类型和描述 1 Usual/Flat Buttons 要使用平面按钮,请使用button类到输入按钮。 2 Buttons Row 要使用它,请使用带有class buttons-row元素包装按钮。 3 Raised Buttons 添

  • 我有两个react项目父项目和公共项目(包含公共组件,如页眉、页脚) 我在父级中定义了素材主题,并使用以标准方式配置了素材主题。 但是,此主题对象在父级中定义的组件中可用,但在共享项目公共中不可用。 欢迎提出建议。 2020年10月30日更多详情添加如下 父组件 共享组件 共享组件样式 父组件将定义为红色,我希望在Header中应用同样的颜色,但它正在选择一个不同的主题(默认)对象,该对象具有蓝色

  • 我在使用TextInputLayout实现材质设计时遇到了问题,我知道解决方案是让您的活动主题继承材质组件主题之一,但这会给我的大多数应用程序主题带来这样的变化,并且需要更多时间来重构它。我想要的是仅针对应用程序上的特定TextInputLayout进行材质设计。 这就是我试过的 错误:

  • 我的汉堡按钮没有改变它的颜色,我已经把原色改成黑色,把原色改成白色,那么为什么汉堡是白色的呢?Appcompat主题一切正常,我改为material components主题,所以这个菜单按钮自动变为白色 我的主题是, 我的布局是, 我是MDC的新手,请帮忙

  • 使用AppCompat并使用min sdk版本21,我尝试使用ChipDrawable在TextEdit中的电子邮件地址列表中使用,并且我使用以下方式创建了ChipDrawable: 使用这个xml: 我的主题使用(我还尝试了) 但我总是会犯这样的错误: 我尝试了我在stackoverflow上找到的所有东西,但没有多大帮助。 这是我的风格 这是我的一部分成绩