首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Api 21上工具栏项目MaterialButton中的颜色错误

是指在Android API 21及以上版本中,使用MaterialButton控件时出现颜色显示错误的问题。

MaterialButton是Android Material Design风格的按钮控件,它提供了丰富的样式和交互效果。然而,在API 21上,由于系统对颜色的处理方式不同,可能会导致MaterialButton的颜色显示不正确。

解决这个问题的方法是使用自定义的颜色属性来替代MaterialButton默认的颜色属性。可以通过在XML布局文件中设置app:backgroundTint属性来指定按钮的背景颜色,或者通过代码动态设置按钮的背景颜色。

以下是解决方案的示例代码:

XML布局文件中设置app:backgroundTint属性:

代码语言:txt
复制
<com.google.android.material.button.MaterialButton
    android:id="@+id/myButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="My Button"
    app:backgroundTint="@color/my_button_color" />

代码中动态设置按钮的背景颜色:

代码语言:txt
复制
MaterialButton myButton = findViewById(R.id.myButton);
myButton.setBackgroundTintList(ColorStateList.valueOf(getResources().getColor(R.color.my_button_color)));

在上述代码中,@color/my_button_color是自定义的颜色属性,可以在res/values/colors.xml文件中定义。

关于MaterialButton的更多信息和使用方法,可以参考腾讯云的官方文档:MaterialButton使用指南

需要注意的是,由于要求不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的一些云计算品牌商,因此无法提供其他云计算品牌商的相关产品和产品介绍链接地址。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

探索 Android Design Support Library v28 新增内容

我们按照原样使用 MaterialButton 类, 并且在我们的视图中, 它将具有我们所追求的材质外观和质感 -- 将其视为一个提供方便的类. ?...accent colour 填充按钮的背景颜色, 同时使用白色作为按钮的文字颜色....如果我们希望自己添加一些更高级的样式, 那么我们可以通过使用 MaterialButton 样式中的一组属性来完成此操作. app:icon: 用于定义在按钮开始时显示的 drawable ?...Chip Chip 组件允许我们在布局中展示一个纸片组件. 其本质上一些文字被赋予一个圆形背景 -- 这样做的目的是向用户显示某种形式的文本集合, 可能被选择也可能不被选择....Bottom App Bar 底部应用栏是一个新的组件, 它允许我们在布局的底部显示一个类似工具栏的组件. 这使我们能够以比标准工具栏更容易交互的方式向用户显示组件. ?

1.9K20

Android Material UI控件之MaterialButton

我们最好来看看MaterialButton它里面的代码的大致情况。将项目工程切换到Project模式。然后展开最底部的External Libraries ?...从上面的日志来看报错的原因在xml的第10行 ? 但是这不是具体的原因,我们再往下滑动寻找错误的根源。 ? 皇天不负苦心人,报错很明显就是这里了,你可能不是很理解这句话的意思。...其实一般的Button也有这个点击的效果,但是如果要修改这个水波纹的颜色会麻烦一些,需要通过样式来设置才行,但是MaterialButton可以直接修改这个水波纹的颜色。比如我这里改成绿色。...总结 好了到这里MaterialButton基本上的用法就差不多了,也满足你用基本需求了,你要是还想加一些花里胡哨的骚操作可以再对这个MaterialButton进行进一步继承封装。OK,就到这里了。...最后注意一点,在低版本的Andoid设备上可能不会生效哦! 项目源码地址

3.3K20
  • Flutter Web:鼠标相关处理

    MaterialButton 先看如何改变单个按钮的阴影效果,MaterialButton及其子类(FlatButton等)可以通过为hoverColor等属性设置自定义颜色,或者设置透明颜色来去除这些效果...TextButton 在Flutter2.0中如果使用FlatButton就会提示已不建议使用,替代的是2.0新加入的TextButton。...它并不是MaterialButton的子类,所以没有hoverColor等属性,那么怎么设置自定义阴影,或去除它的阴影效果?...全局配置 基本上视觉不会接受任何按钮默认的阴影效果,所以如果一个个按钮去设置很麻烦,我们可以全局设置,在app中通过配置theme即可,如下: MaterialApp( title: title...及其子类的,一个是负责TextButton及其子类的,如果app中两类button都使用了,那么就需要将两个都进行配置。

    1.6K20

    IntelliJ IDEA 2023.3 最新发布啦!盘点精彩亮点

    在其他领域,该版本包括对最新 Java 21 功能的全面支持,引入了具有编辑操作的直观浮动工具栏,并添加了“运行到光标 ”嵌入选项以增强调试工作流程。...最新更新包括直接在编辑器中增强代码生成、无需复制代码即可回答项目相关查询的上下文感知 AI 聊天,以及使用扩展上下文提供更全面结果的项目感知 AI 操作。...默认情况下用颜色编码的编辑器选项卡图片为了增强您在编辑器中同时处理各种文件类型时的导航体验,我们为编辑器选项卡引入了默认颜色编码,反映了它们在项目工具窗口中的外观。...您可以在“设置/首选项 |”中管理此设置。外观与行为 | 文件颜色。...改进了对常量条件表达式的检查图片IntelliJ IDEA 的代码分析现在涵盖了更多场景,用于识别和突出显示始终评估为相同值的条件表达式中的潜在错误。

    33910

    安卓软件开发:用Java和Kotlin构建MDC-UI框架实现LoginUI(基础)

    MDC提供了多种精美和实用的界面组件,让开发者快速构建现代化的应用界面。在本项目中,利用MDC框架实现一个登录页面,详细展示开发过程中的技术细节和遇到的问题。...二、项目开发过程 2.1 添加项目依赖项 api 'com.google.android.material:material:1.1.0-alpha06' dependencies { api...3.2 Fragment导航和状态管理 难点:Fragment 导航过程中需要输入的状态和避免重复创建 Fragment 实例。错误的导航实现导致应用崩溃或导航异常。...解决方法:通过 setOnKeyListener 实时监听用户输入,结合 MDC 的错误提示功能 (errorEnabled) 动态更新错误状态。...四、学习笔记 在开发过程中,积累了MDC框架技术的学习心得: 4.1.Material Components (MDC) 深入学习了MDC组件如TextInputLayout、MaterialButton

    449101

    推荐开发者使用 Material Design 组件

    为了保证您的应用与用户设备中安装的其他应用在视觉和行为上保持一致,我们 推荐 您遵循 Material Design 规范,因为用户从一个应用中学习的操作模式可以无缝衔接地在另一个应用中使用。...Android 用户希望您的应用在视觉和行为上与系统保持一致。...Material 组件在对应的系统标准组件和 AppCompat 组件的基础上拓展出更多样式和功能,例如 MaterialButton 拥有以下多种样式: 颜色、字体样式 和 形状 属性。对其进行自定义将自动应用到您用于构建应用的组件上。 您可以将 Material 主题理解为创建设计系统的设计系统 。...您只需配置好颜色、字体样式和形状,即可得到一套基于您品牌的完整设计系统。

    1.1K30

    船新 IDEA 2023.3 正式发布,新特性真香!

    关键亮点 对 Java 21 功能的完全支持 IntelliJ IDEA 2023.3 提供了对最新 Java 21 功能的完全支持。...程序挂起后,您可以将鼠标悬停在要执行到的代码行上,然后点击 Run to Cursor(运行到光标)弹出窗口。您还可以在将文本光标置于所需行上后调用键盘快捷键 (⌥F9) 来使用此功能。...://www.macrozheng.com/video/ 后台管理系统演示: 前台商城项目演示: 带有编辑操作的浮动工具栏 IntelliJ IDEA 2023.3 引入了一个浮动工具栏,该工具栏会在所选代码段旁边显示...Default(默认)工具窗口布局选项 默认颜色编码编辑器标签页 为了增强您在编辑器中同时处理多种文件类型的导航体验,我们为编辑器标签页引入了默认颜色编码,反映它们在 Project(项目)工具窗口中的外观...您可以在 Settings/Preferences | Appearance & Behavior | File Colors(设置/偏好设置 | 外观与行为 | 文件颜色)中管理此设置。

    1.4K10

    【Flutter】评级对话框组件

    F「lutter」是一个免费和开源的项目,由Google创建并维护,是我们喜欢Flutter的原因之一。Flutter提供了漂亮的预构建组件,这些组件在flutter中被称为Widget。...在在本博客中,我们将探讨「Flutter中」 的“「评级对话框”」。我们将看到如何使用flutter应用程序中的「rating_dialog」包来实现美观的评级对话框演示程序并进行自定义。...评级对话框的一些属性: **message:**此属性用于对话框的消息/描述文本。 **ratingColor:**此属性用于评级栏(星形图标和辉光)颜色。...在小部件内,我们将添加一个Center小部件,并且其子属性添加一个「MaterialButton()。「在此按钮中,我们将添加文本,颜色,按钮形状和onPressed方法。...在此对话框中,我们将添加」ratingColor」表示评级栏(星形图标和发光效果)的颜色,「标题」,「消息」表示对话框的消息/描述文本,「图像」,「submitButton」表示提交按钮的标签/文本,「

    4.1K50

    『Flutter』常用组件 按钮、图片

    当按下时,边框和文字颜色会变化,适用于需要强调边框而非背景色的场景。 IconButton:这是一个图标按钮,常用于工具栏和对话框中。它可以包含图标而不是文本,适用于空间有限或需要图形化表示的地方。...FloatingActionButton:这是一个圆形的按钮,通常悬浮在内容上方,用于促进应用中的主要动作,如添加、编辑等。...MaterialButton:这是一个更通用的按钮组件,可以高度自定义,包括形状、颜色、阴影等。 DropdownButton:这是一个下拉按钮,允许用户从一系列项中选择一个。...通常用于表单或需要选择性输入的界面。 PopupMenuButton:这个按钮在用户点击时会显示一个弹出菜单。它常用于应用的工具栏中,提供额外的选项。...title: "my App", // 应用程序的主题,用于定义颜色,字体和阴影等。

    56831

    船新 IDEA 2023.3 正式发布,新特性真香!

    关键亮点 对 Java 21 功能的完全支持 IntelliJ IDEA 2023.3 提供了对最新 Java 21 功能的完全支持。...程序挂起后,您可以将鼠标悬停在要执行到的代码行上,然后点击 Run to Cursor(运行到光标)弹出窗口。您还可以在将文本光标置于所需行上后调用键盘快捷键 (⌥F9) 来使用此功能。...://www.macrozheng.com/video/ 后台管理系统演示: 前台商城项目演示: 带有编辑操作的浮动工具栏 IntelliJ IDEA 2023.3 引入了一个浮动工具栏,该工具栏会在所选代码段旁边显示...Default(默认)工具窗口布局选项 默认颜色编码编辑器标签页 为了增强您在编辑器中同时处理多种文件类型的导航体验,我们为编辑器标签页引入了默认颜色编码,反映它们在 Project(项目)工具窗口中的外观...您可以在 Settings/Preferences | Appearance & Behavior | File Colors(设置/偏好设置 | 外观与行为 | 文件颜色)中管理此设置。

    55020

    再不迁移到Material Design Components 就out啦

    和 AppCompat 一样,MDC 会在填充的时候用 MDC 等效的控件来替换某些原始控件。这样就可以发布新功能和错误修正了,而不必将所有声明都换成新的类型。...但是,升级后,您可能会注意到某些控件颜色和其他属性的某些意外更改。 ? 在上面的示例中,按钮发生了变化、文本和图标的颜色发生了变化。FAB 现在变成了蓝绿色,并且文本字段看起来完全不同。不用担心。...MDC的颜色调色板直接从 Material Design color system 中绘制。...要了解哪些小部件使用哪种颜色,需要检查源代码中的默认小部件样式。 AppCompat和框架中还存在一些颜色,但不再适用于此新系统。该Theme.MaterialComponents....请参阅下面的颜色属性映射表: 注意 AppCompat 中的颜色属性就不要再使用了 colorPrimary 例子 <style name="Theme.App" parent="Theme.MaterialComponents

    3.2K30

    Sketch for mac中文最新(专业矢量图UI设计软件)

    SketchMac是一款专为设计师量身定做的优美界面和强大工具兼有的专业矢量图绘图工具,能够满足网页、用户界面、图标等的设计需求,新版兼容macOS Ventura系统,并解决了 Abstract 和...Anima 插件的问题。...修复了阻止您覆盖嵌套​​在符号实例的组合形状中的文本图层的问题。修复了一些插件(包括 Abstract 和 Kitchen)无法通过 API 加载其库或其他一些资产的问题。...修复了在 macOS Ventura 上编辑颜色变量时导致颜色选择器中的不透明度和色调滑块重叠的错误。修复了阻止组件菜单显示文本颜色覆盖的错误。...如果您的工具栏设置为显示文本标签,则修复了在 macOS Ventura 上的工具栏按钮中剪裁徽章的错误。修复了在重置密码或更改 2FA 设置后阻止人们使用 iPhone 应用程序的问题。图片

    98130

    IntelliJ IDEA 2023.2 主要更新了什么?(纯文本介绍版)

    用户体验方面的更新涵盖了在搜索、项目视图排序和主工具栏上的改进。Java方面的改进包括扩展Java检查、为格式字符串提供代码高亮显示和导航,以及提供更好的Javadoc注释支持等。...现在,您可以为项目的标题分配独特的颜色,并为它们上传自定义图标,从而更轻松地区分工作区中的项目。 我们在Windows和Linux上重新设计了新UI主工具栏中的汉堡菜单。...现在,当您单击菜单图标时,其元素将水平显示在工具栏上。还有一个新选项可以将此菜单转换为单独的工具栏。...在 macOS 上的新 UI 中使用全屏模式时,窗口控件现在直接显示在主工具栏中,而不是像以前那样显示在浮动栏中。 在 “设置”/“首选项”|”编辑 |检查 ,我们为代码示例实现了语法突出显示。...在“ Project项目”视图中,有一个新的 “单击打开目录” 选项,该选项使展开和折叠项目文件夹更快、响应更快。 我们扩展了新 UI 主工具栏的自定义选项。

    23010

    IntelliJ IDEA 2023.2 最新变化

    新 UI 中的彩色项目标题 IntelliJ IDEA 2023.2 引入了彩色标题,可以简化多个打开的项目之间的导航。 现在,您可以为每个项目分配唯一的颜色和图标,使其在工作区中更易区分。...标题现在默认带有预定义的颜色,但您也可以自定义。 要为项目设置新的颜色,首先右键点击标题,然后访问上下文菜单。...然后,选择 _Change Project Color_(更改项目颜色)选项,并从建议的列表中选择所需颜色,或者浏览调色盘。...在 Windows 和 Linux 上的主工具栏中重做了汉堡包菜单 我们改进了 Windows 和 Linux 上新 UI 中主工具栏汉堡包菜单的行为。...更新了 macOS 上的窗口控件 在 macOS 上以全屏模式使用新 UI 时,窗口控件现在将在主工具栏上显示,而不是像以前一样在浮动栏上显示。

    73420

    IntelliJ IDEA 2023.2 主要更新了什么?(图文版)

    新 UI 中的彩色项目标题 IntelliJ IDEA 2023.2 引入了彩色标题,可以简化多个打开的项目之间的导航。 现在,您可以为每个项目分配唯一的颜色和图标,使其在工作区中更易区分。...标题现在默认带有预定义的颜色,但您也可以自定义。 要为项目设置新的颜色,首先右键点击标题,然后访问上下文菜单。...然后,选择 Change Project Color(更改项目颜色)选项,并从建议的列表中选择所需颜色,或者浏览调色盘。...在 Windows 和 Linux 上的主工具栏中重做了汉堡包菜单 我们改进了 Windows 和 Linux 上新 UI 中主工具栏汉堡包菜单的行为。...更新了 macOS 上的窗口控件 在 macOS 上以全屏模式使用新 UI 时,窗口控件现在将在主工具栏上显示,而不是像以前一样在浮动栏上显示。

    55810
    领券