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

如何返回MaterialButton默认边框颜色?

MaterialButton 是一种在 Android 开发中常用的按钮控件,它遵循 Material Design 设计规范,提供了丰富的样式和交互效果。在默认情况下,MaterialButton 的边框颜色是根据当前应用的主题色自动确定的。如果想要返回 MaterialButton 的默认边框颜色,可以通过以下步骤实现:

  1. 在 XML 布局文件中,将 MaterialButton 控件的 app:backgroundTint 属性设置为 ?attr/colorPrimary。这将使用当前应用主题中定义的主题色作为按钮的背景色,同时也会应用默认的边框颜色。

示例代码:

代码语言: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="?attr/colorPrimary" />
  1. 在代码中,可以通过调用 setStrokeColor 方法来设置 MaterialButton 的边框颜色为默认值。默认情况下,边框颜色与按钮的文本颜色相同。

示例代码:

代码语言:txt
复制
MaterialButton myButton = findViewById(R.id.myButton);
myButton.setStrokeColorResource(android.R.color.transparent);

这样,MaterialButton 的边框颜色就会恢复为默认值。

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

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

相关·内容

【Flutter 专题】62 图解基本 Button 按钮小结 (二)

, // 不可点击时边框颜色 this.highlightedBorderColor, // 高亮时边框颜色 EdgeInsetsGeometry padding...以下为 OutlineButton 特有属性:borderSide 代表边框样式;disabledBorderColor 代表不可点击时边框颜色;highlightedBorderColor 代表高亮时边框颜色...;其中 borderSide 可以设置边框颜色宽度及样式(solid / none); OutlineButton(child: Text('OutlineButton'), borderSide...阴影如何颜色?...使用 RaisedButton 时会自带阴影效果,阴影的高度和高亮时的阴影高度均可自由设置;但是阴影的颜色应该如何处理呢,官方暂未提供阴影效果属性;和尚尝试了网上大神的方式,RaisedButton 外层依赖带模糊阴影效果的

1.3K41
  • Android Material UI控件之MaterialButton

    现在是默认颜色,你肯定会使用其他的颜色,然后要设置背景,注意,这里不再使用background来设置,而是通过backgroundTint来设置 app:backgroundTint="@color/...③ 边框按钮 现在colors.xml中增加两个颜色 #FFF #000 然后回到...MaterialButton具有默认的内边距,可以通过insetLeft、insetTop、insetRight、insetBottom来改变默认的填充值,如果不设置就是默认的6dp的填充,基本上来说就是上下内填充默认为...怎么搞,当然有办法搞,还有一个iconTint的属性,这是一个图标色调的属性值,可以对已有的图标进行二次着色,最终以这个颜色为准,不设置则默认为icon的值。...其实一般的Button也有这个点击的效果,但是如果要修改这个水波纹的颜色会麻烦一些,需要通过样式来设置才行,但是MaterialButton可以直接修改这个水波纹的颜色。比如我这里改成绿色。

    3.3K20

    Flutter Web:鼠标相关处理

    MaterialButton 先看如何改变单个按钮的阴影效果,MaterialButton及其子类(FlatButton等)可以通过为hoverColor等属性设置自定义颜色,或者设置透明颜色来去除这些效果...,如下: MaterialButton( onPressed: () { ... }, hoverColor: Colors.transparent...Colors.transparent, splashColor: Colors.transparent, child: ..., ... ); hoverColor就是悬停时显示的底部颜色...它并不是MaterialButton的子类,所以没有hoverColor等属性,那么怎么设置自定义阴影,或去除它的阴影效果?...全局配置 基本上视觉不会接受任何按钮默认的阴影效果,所以如果一个个按钮去设置很麻烦,我们可以全局设置,在app中通过配置theme即可,如下: MaterialApp( title: title

    1.6K20

    Flutter学习

    height如果不设置 界面显示会有问题,如果要设置,又不能准确的计算出结果,可以使用Expanded BoxDecoration:圆角,需要放在Container里,实现边框、圆角、阴影、形状、渐变、...this.primary = true,// Scaffold是否显示在页面的顶部 }) AppBar属性 leading 返回键 iconTheme Appbar 上图标的颜色、透明度、和尺寸信息...默认值为 ThemeData.primaryIconTheme centerTitle 标题是否居中显示,默认值根据不同的操作系统,显示方式不一样。...FlatButton :扁平化的按钮,继承自MaterialButton OutlineButton :带边框的按钮,继承自MaterialButton IconButton :图标按钮,继承自...break; } } flutterChannel.setMethodCallHandler(handler); } 其他 使用 ‘尾随逗号’ Flutter中如何使用原生控件或组件

    2.6K20

    Android MaterialButton使用详解,告别shape、selector

    效果 前言 先来看一下MaterialButton是什么 由上图可以看到MaterialButton也没有什么神秘的,不过是Button的一个子类而已,但是经过谷歌的封装之后,在符合Material...app:rippleColor 点击波纹颜色 文字按钮 <com.google.android.material.button.MaterialButton style="@style/Widget.MaterialComponents.Button.TextButton...关于其他属性的默认参数,可以在xml文件的右上角,选中Design面板,选择要查看的View即可。...属性 关于xml属性,我做了一个整理 属性 含义 insetBottom 下边距,默认6dp insetTop 上边距,默认6dp cornerRadius 圆角大小 icon 图标 iconGravity...图标位置,只能前后 iconPadding 图标距文字距离,默认8dp iconSize 图标大小 iconTint 图标着色 iconTintMode 图标着色模式 rippleColor 点击波纹颜色

    1.1K20

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

    OutlineButton(现在称为OutlinedButton):这个按钮有一个边框,但没有背景色。当按下时,边框和文字颜色会变化,适用于需要强调边框而非背景色的场景。...MaterialButton:这是一个更通用的按钮组件,可以高度自定义,包括形状、颜色、阴影等。 DropdownButton:这是一个下拉按钮,允许用户从一系列项中选择一个。...默认大小是 24.0。 color (Color): 图标的颜色。 semanticLabel (String): 用于辅助技术的标签。如果图标不仅仅是装饰性的,这个标签可以提供关于图标的更多信息。...fit (BoxFit): 如何处理图片的缩放和对齐。常用的值有 BoxFit.fill, BoxFit.contain, BoxFit.cover 等。...repeat (ImageRepeat): 如果图片小于其容器,如何重复填充。

    50331

    ​Flutter | 一个关于背景颜色引发的打脸惨案

    找了半天找到了返回弹出框的地方,加了一个 Container,设置了一个 color,大功告成!...于是,我发了这样的文字: popup_menu.dart 466行,加个 Container 设置一下颜色就行了 功成身退! ? 本以为该群友会发出这样的感叹: 哇,大佬牛逼牛逼! 如何如何......当时我就气不打一处来,我看了半天源码,也没见哪个 build 返回了 Card! 没办法,全局搜索 card 关键字!总能看出来问题!...不,我还要看一下这个 type 都有什么类型: enum MaterialType { /// 使用默认主题画布颜色的矩形。 canvas, /// 圆形边缘,卡片主题颜色。...card, /// 默认情况下没有颜色的圆(用于浮动操作按钮)。 circle, /// 圆形边缘,默认情况下没有颜色(用于[MaterialButton]按钮)。

    1.5K30

    【Flutter】评级对话框组件

    我们将看到如何使用flutter应用程序中的「rating_dialog」包来实现美观的评级对话框演示程序并进行自定义。...**ratingColor:**此属性用于评级栏(星形图标和辉光)颜色。 **initialRating:**此属性用于评级栏的初始评级。默认等级为1。...**onSubmitted:**此属性用于返回带有用户的等级和注释值的RatingDialogResponse。 **onCancelled:**此属性用于在用户取消/关闭对话框时调用。...在小部件内,我们将添加一个Center小部件,并且其子属性添加一个「MaterialButton()。「在此按钮中,我们将添加文本,颜色,按钮形状和onPressed方法。...onSubmitted」表示返回带有用户的评分和评论值,「onCancelled」表示用户取消/关闭对话框时的调用。

    4.1K50

    关于MaterialButton你需要知道的事

    MaterialButton 官网占楼,下面是个人使用的总结 MaterialButton官方文档 首先肯定是导包 implementation 'com.google.android.material...:material:1.2.0-alpha06' 包引入以后你就会发现可以在布局里写出MaterialButton控件了 <com.google.android.material.button.MaterialButton...着的颜色都不对,那么原因究竟为何呢?...这是由于系统自身为MaterialButton控件设置了默认的属性,所以你的操作其实并不会生效 那么我们就要覆写这些属性,让MaterialButton控件由我们管控 在res→values→styles.xml...MaterialButton控件一样被系统默认着色成灰色 我是应用主题前的CheckBox,正常的白色 我是应用主题前的CheckBox 我是应用主题后的CheckBox,被系统着色成灰色 我是应用主题后的

    89630

    【Flutter 专题】61 图解基本 Button 按钮小结 (一)

    MaterialButton 是对 RawMaterialButton 的封装;而BackButton / CloseButton / PopupMenuButton 继承自 IconButton...BackButton BackButton 作用非常明确,一般用作返回上一个页面; 源码分析 const BackButton({ Key key, this.color }) 分析源码...,BackButton 继承自 IconButton,只允许设置图标颜色,图标样式 Android 与 iOS 不同且不可修改;点击时会优先判断 maybePop 是否可以返回上一页; 案例尝试 BackButton...RawMaterialButton 系列 RawMaterialButton RawMaterialButton 是 MaterialButton 的基础,核心是由 Material 和 InkWell...heroTag 动画标签,默认的是 FloatingActionButtonAnimator.scaling;且 heroTag 默认是相同的,可以自定义为唯一标签;和尚设置上一页面与当前页面 FloatingActionButton

    1.5K21

    再不迁移到Material Design Components 就out啦

    本指南将向您展示如何迁移代码库,以便您可以使用新的属性,样式和小部件。 精简的主题示例 本指南使用了精简的应用程序来演示迁移过程。...现在把主题修改成 Theme.MaterialComponents.* ,那么就会把 Button 替换成 MaterialButton ,会有默认的 style 和 AppCompatButton 不同的是...MaterialButton 不支持自定义背景。...建议使用 MDC 组件来替换AppCompat 或者 MaterialButton (如果有的话)这些组件默认情况下使用更新后的材料设计指南。...要了解哪些小部件使用哪种颜色,需要检查源代码中的默认小部件样式。 AppCompat和框架中还存在一些颜色,但不再适用于此新系统。该Theme.MaterialComponents.

    3.2K30

    《Flutter》-- 4.Flutter组件基础

    AppBar的基本属性如下: 1)leading:标题左边的图标按钮,默认是一个返回箭头样式的按钮。 2)title:导航栏标题。...7)backgroundColor:导航栏的颜色默认值为ThemeData.primarycolor(主题颜色)。 8)brightness:导航栏材质的亮度。...; OutlineButton:默认是一个带有边框、不带阴影且背景透明的按钮,按下后边框颜色会变亮,同时会出现背景和阴影效果; IconButton:一个可点击的图标按钮,不支持文字,默认没有背景,点击后会出现背景...decoration:用于控制TextField组件的外观显示,如提示文本、背景颜色边框。 textAlign:输入框内文本在水平方向的对齐方式。 textDirection:输入框内文本的方向。...onEditingComplete:输入框输入完成时触发,不会返回输入的内容。 onSubmitted:输入框输入完成时触发,会返回输入的内容。

    12.5K30

    Flutter 入门指北之基础部件

    Flutter App 接着看下 MyApp 这个类,继承自 StatelessWidget 并在 build 方法返回一个 MaterialApp 实例,(偷偷讲下,其实这边还可以返回 CupertinoApp...this.color, // 主题色,如果该值未设置,取 theme.primaryColor,未设置 theme 则取蓝色 this.theme, // App 的主题风格,包括主题色,按钮默认颜色等等...我们从上到下,通过构造函数来了解下各个 Widget的使用方法 AppBar AppBar({ Key key, this.leading, // 用于设置 AppBar 前置的按钮,例如设置返回我们需要的返回按钮等...this.automaticallyImplyLeading = true, // 是否使用系统默认生成的按钮,如果替换 leading 的默认按钮,最好将该属性设置成 false this.title...,可以不通过 flexibleSpace 修改 this.brightness, this.iconTheme, // 按钮的默认样式 this.textTheme, // 文字的默认样式

    1.3K30

    JavaScript--DOM总结

    Border 和 Margin 属性 属性 描述 border 在一行设置四个边框的所有属性 borderBottom 在一行设置底边框的所有属性 borderBottomColor 设置底边框颜色...borderBottomStyle 设置底边框的样式 borderBottomWidth 设置底边框的宽度 borderColor 设置所有四个边框颜色 (可设置四种颜色) borderLeft 在一行设置左边框的所有属性...borderLeftColor 设置左边框颜色 borderLeftStyle 设置左边框的样式 borderLeftWidth 设置左边框的宽度 borderRight 在一行设置右边框的所有属性...borderRightColor 设置右边框颜色 borderRightStyle 设置右边框的样式 borderRightWidth 设置右边框的宽度 borderStyle 设置所有四个边框的样式...(可设置四种样式) borderTop 在一行设置顶边框的所有属性 borderTopColor 设置顶边框颜色 borderTopStyle 设置顶边框的样式 borderTopWidth 设置顶边框的宽度

    7410
    领券