开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

添加样式Theme.MaterialComponents.DayNight后，android、MaterialButton按钮颜色发生变化

当在Android应用中添加样式Theme.MaterialComponents.DayNight后，MaterialButton按钮的颜色会发生变化。Theme.MaterialComponents.DayNight是一种Material Design风格的主题样式，它根据设备的日夜模式自动切换颜色。

MaterialButton是一个用于创建具有Material Design风格的按钮的组件。在添加Theme.MaterialComponents.DayNight样式后，MaterialButton会根据主题的颜色设置自动应用相应的颜色。

优势：

一致的外观：使用Material Design风格的主题样式可以确保应用中的按钮具有一致的外观，提供更好的用户体验。
自动适应日夜模式：Theme.MaterialComponents.DayNight样式可以根据设备的日夜模式自动切换颜色，使按钮在不同的环境下都能保持合适的外观。

应用场景： MaterialButton按钮可以广泛应用于Android应用的各个界面，例如登录页面、注册页面、设置页面等。它可以用于触发操作、提交表单、导航到其他页面等。

推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品和服务，以下是一些与Android开发相关的产品：

腾讯移动分析（https://cloud.tencent.com/product/ma）：用于分析和监控移动应用的用户行为和性能，帮助开发者优化应用体验。
腾讯移动推送（https://cloud.tencent.com/product/tpns）：提供消息推送服务，帮助开发者实现消息通知功能。
腾讯云直播（https://cloud.tencent.com/product/css）：提供直播云服务，可以在应用中集成直播功能，实现实时视频传输和互动。

以上是关于添加样式Theme.MaterialComponents.DayNight后，android、MaterialButton按钮颜色发生变化的完善且全面的答案。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Android Material UI控件之MaterialButton

Android Material UI控件之MaterialButton 前言作为Android的开发者，常用控件肯定少不了按钮控件，常规的按钮控件，只能满足基本需求，而日常开发中，都会有渐变按钮...我选择了第二种方式，使样式的作用域只对这个Activity生效，那么现在你再重新运行，我跟你说，不阔能报错。就是这么滴的自信。运行后的效果图如下： ? 3....因为这个描边是内外描边，如果不加这个1dp的填充，会出现上下按钮最边缘出描边宽度一半的切割，我之前在低版本的Android手机上就是这样写的，不过在Android11中好像修复了这个问题，我不设置padding...Color 表示这个图标的颜色，如果下拉框里面没有你满意的颜色，你可以通过右边的输入框来手动设置颜色，很方便。 Theme 很明显这是主题样式，只能选择下拉框里面的主题样式。...其实一般的Button也有这个点击的效果，但是如果要修改这个水波纹的颜色会麻烦一些，需要通过样式来设置才行，但是MaterialButton可以直接修改这个水波纹的颜色。比如我这里改成绿色。

3.2K2 0

探索 Android Design Support Library v28 新增内容

我们可以像这样将这个按钮添加进布局文件中: <android.support.design.button.MaterialButton android:layout_width="wrap_content..." app:icon="@drawable/ic_android_white_24dp" /> 默认情况下, 此类将使用主题的 accent colour 填充按钮的背景颜色, 同时使用白色作为按钮的文字颜色...如果我们希望自己添加一些更高级的样式, 那么我们可以通过使用 MaterialButton 样式中的一组属性来完成此操作. app:icon: 用于定义在按钮开始时显示的 drawable ?...app:rippleColor: 使用此颜色定义按钮的水波纹效果的颜色 app:backgroundTint: 用于给按钮的背景着色.如果你想要改变按钮的背景颜色, 使用这个属性而不是 background...如果你想要设置视图的背景颜色, 那么应该用 android:background 属性. 这样会确保视图样式的稳定性.

1.9K2 0

Flutter Button（按钮控件）

2、按钮类型已经含义不同的Button拥有不同的功能，正确使用对应的Button可以事半功倍。 Button 含义 MaterialButton 默认按钮，扁平，背景透明。按下后，会有背景色。...RaisedButton "漂浮"按钮，带有阴影和背景。按下后，阴影会变大。 FlatButton 扁平按钮，默认背景透明。按下后，会有背景色，与MaterialButton一致。...3、按钮使用示例 3.1、MaterialButton 默认按钮，扁平，背景透明。按下后，会有背景色。示例见图一。...按下后，会有背景色，与MaterialButton一致。示例见图一。...，可设置按钮外边框颜色。

7.8K1 1

再不迁移到Material Design Components 就out啦

但是，升级后，您可能会注意到某些控件颜色和其他属性的某些意外更改。 ? 在上面的示例中，按钮发生了变化、文本和图标的颜色发生了变化。FAB 现在变成了蓝绿色，并且文本字段看起来完全不同。不用担心。...要恢复为旧的文本字段可以在布局中添加样式 <com.google.android.material.textfield.TextInputLayout ... + style="@style...建议使用 MDC 组件来替换AppCompat 或者 MaterialButton （如果有的话）这些组件默认情况下使用更新后的材料设计指南。...要了解哪些小部件使用哪种颜色，需要检查源代码中的默认小部件样式。 AppCompat和框架中还存在一些颜色，但不再适用于此新系统。该Theme.MaterialComponents....:statusBarColor">@color/navy_900 @color对于包含的按钮文本颜色，我们还应该使用新的“ on”颜色属性 <!

3.2K3 0

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

cyan，点击高亮背景色为 deepPurple，水波纹颜色为 redAccent；注意当 icon 自身设置颜色时 color 属性不生效； IconButton(icon: Icon(Icons.android...foregroundColor 为按钮上层子元素颜色，若子元素本身设置颜色则不生效；backgroundColor 为按钮背景色； foregroundColor: Colors.redAccent.withOpacity...FloatingActionButton 提供了 .extended 方式创建代表标签样式的，非正方形的按钮样式；其余属性无差； floatingActionButton: FloatingActionButton.extended...通过最基本的 RawMaterialButton 实现 FloatingActionButton 样式，外层添加 Container 约束大小；和尚比较推荐方式一，灵活性更高； // 方式一 floatingActionButton...SizeBox 与 FittedBox 约束方式不同，只是整体范围变大，其内部按钮按 Material 建议样式展示； // 方式三 floatingActionButton: SizedBox(

1.5K2 1

推荐开发者使用 Material Design 组件

Material 组件在对应的系统标准组件和 AppCompat 组件的基础上拓展出更多样式和功能，例如 MaterialButton 拥有以下多种样式: <!...Material 主题包括颜色、字体样式和形状属性。对其进行自定义将自动应用到您用于构建应用的组件上。您可以将 Material 主题理解为创建设计系统的设计系统。...您只需配置好颜色、字体样式和形状，即可得到一套基于您品牌的完整设计系统。...Nick Rout 在以下文章中分别深入地介绍了这三个子系统: 打造 Material 颜色主题 | 实现篇打造 Material 字体样式主题｜实现篇打造 Material 形状主题 | 实现篇...在深色主题下，许多组件都将调整它们的颜色，并且在阴影不可见的情况下添加了 elevation 叠加层以表现高度变化。

1.1K3 0

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

和尚继续尝试 Flutter 的基本按钮；今天和尚学习 MaterialButton 系列相关 Button；该系列以 MaterialButton 为父类，衍生出 RaisedButton...Button 只可通过 padding 或其他方式调整高度；案例尝试和尚测试发现 hight 可以设置 MaterialButton 高度，但 shape 按钮形状却不适用；其父类 RawMaterialButton...ShapeBorder shape, // 按钮样式 Clip clipBehavior = Clip.none, // 抗锯齿剪切效果...以下为 OutlineButton 特有属性：borderSide 代表边框样式；disabledBorderColor 代表不可点击时边框颜色；highlightedBorderColor 代表高亮时边框颜色...若按钮有样式设置，依赖的 Container 也要设置相同的 shape 样式； var height = 5.0; Container( decoration: BoxDecoration(

1.3K4 1

Flutter 入门指北之基础部件

rootWidget ).attachToRenderTree(buildOwner, renderViewElement); } 首先会创建一个 WidgetsBinding 单例对象，然后把传入的 App 添加到...this.color, // 主题色，如果该值未设置，取 theme.primaryColor,未设置 theme 则取蓝色 this.theme, // App 的主题风格，包括主题色，按钮默认颜色等等..., // AppBar 的背景色，如果只需要修改颜色，可以不通过 flexibleSpace 修改 this.brightness, this.iconTheme, // 按钮的默认样式...Text const Text(this.data, { // Text 需要展示的文字 Key key, this.style, // 文字的样式，包括颜色，大小，间距等等属性，这边就不继续展示...MaterialButton(onPressed: () {}, child: Text('Material Enable')), MaterialButton(onPressed

1.3K3 0

Flutter学习

以动态添加或删除View。...点击在Flutter中，添加触摸监听器有两种方法:如果Widget支持事件监听，则可以将一个函数传递给它并进行处理。...Flutter AppBar（顶端栏） Button RaisedButton ：凸起的按钮，其实就是Android中的Material Design风格的Button ，继承自MaterialButton...FlatButton ：扁平化的按钮，继承自MaterialButton OutlineButton ：带边框的按钮，继承自MaterialButton IconButton ：图标按钮,继承自...添加尾随逗号很简单：始终在函数、方法和构造函数的参数列表末尾添加尾随逗号，以便保留您的编码格式。这将有助于自动格式化程序为Flutter样式代码插入适当的换行符。

2.6K2 0

【Flutter】评级对话框组件

**ratingColor：**此属性用于评级栏（星形图标和辉光）颜色。 **initialRating：**此属性用于评级栏的初始评级。默认等级为1。...get」启用「AndriodX」 org.gradle.jvmargs=-Xmx1536M android.enableR8=true android.useAndroidX=true android.enableJetifier...在小部件内，我们将添加一个Center小部件，并且其子属性添加一个「MaterialButton（）。「在此按钮中，我们将添加文本，颜色，按钮形状和onPressed方法。...在此对话框中，我们将添加」ratingColor」表示评级栏（星形图标和发光效果）的颜色，「标题」，「消息」表示对话框的消息/描述文本，「图像」，「submitButton」表示提交按钮的标签/文本，「...在此对话框中，您将看到我们将添加图像，标题，描述，星级，评论的textField和最后一个提交按钮。另外，我们将在右上角的十字图标上添加“取消”。

4.1K5 0

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

图标 <com.google.android.material.button.MaterialButton android:layout_width="wrap_content" android...圆角 <com.google.android.material.button.MaterialButton android:id="@+id/btn" android:layout_width..." app:strokeWidth="3dp" /> app:strokeColor 描边颜色 app:strokeWidth 描边宽度文字描边 <com.google.android.material.button.MaterialButton...app:rippleColor 点击波纹颜色文字按钮 <com.google.android.material.button.MaterialButton style="@style/Widget.MaterialComponents.Button.TextButton...圆形Button <com.google.android.material.button.MaterialButton android:layout_width="100dp" android

1.1K2 0

Android 样式系统 | 常见的主题背景属性

在前一篇 Android 样式系统文章中，我们介绍了主题背景与样式的区别，以及如何编写灵活的样式与布局代码用于抽离可变化部分。...按钮风格 Material 提供了三种不同类型的按钮: Contained、Text 以及 Outlined。...MDC 提供了主题背景属性，您可以使用它们给 MaterialButton 设置样式: ?...attr/borderlessButtonStyle 设置为 Text 样式的按钮； ?attr/materialButtonOutlinedStyle 设置为 Outlined 样式的按钮。...attr/sessionListKeyline" /> 保持探索了解了能够使用的主题背景属性功能后，您可以在编写布局、样式、drawables 时使用它们。

1.1K3 0

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

<com.google.android.material.button.MaterialButton android:layout_width="wrap_content" android...<com.google.android.material.button.MaterialButton android:layout_width="wrap_content" android...<com.google.android.material.button.MaterialButton android:id="@+id/btn" android:layout_width...:strokeWidth="3dp" /> app:strokeColor 描边颜色 app:strokeWidth 描边宽度文字描边 ?...app:rippleColor 点击波纹颜色文字按钮 ?

1.4K2 0

Flutter 密码锁定屏幕

屏幕可适应颜色，大小，文本样式等。它将显示在flutter应用程序中使用密码屏幕时如何解锁屏幕。该演示视频演示了如何在Flutter中创建密码锁定屏幕。...packages get」启用「AndriodX」 org.gradle.jvmargs=-Xmx1536M android.enableR8=true android.useAndroidX=true...** _lockScreenButton(BuildContext context) => MaterialButton( padding: EdgeInsets.only(left: 50,right...我们将在按钮内添加填充，颜色，文本和onPressed方法，并在此方法上添加**_showLockScreen（）**小部件。当我们运行应用程序时，我们应该获得屏幕的输出，如屏幕下方的截图所示。...「在屏幕内部，我们将添加标题，内置的圆圈配置和键盘。我们将添加一个」passwordEnteredCallback」方法。在此方法中，添加_passcodeEntered小部件，我们将在下面进行定义。

5K3 0

打造 Material 字体样式主题 | 实现篇

△ 一个按钮中使用的字体样式属性 (红色) 字体样式属性在布局和组件样式中的应用如下: android:textAppearance=”?... MaterialTextView 和行高系统版本的 TextView 在 API 28 中添加了 android:lineHeight 属性。...，将您选择的字体样式添加到应用主题中。...设置完成后，在您应用的基本主题中覆写您想要改变的字体样式属性:

1.6K2 0

关于MaterialButton你需要知道的事

MaterialButton 官网占楼，下面是个人使用的总结 MaterialButton官方文档首先肯定是导包 implementation 'com.google.android.material...="@dimen/dp_5"/> 圆角和着色以及宽高都没有奏效我是应用主题前的MaterialButton 圆角和着色以及宽高都奏效我是应用主题后的MaterialButton 此时出现的几个坑...你会发现你设置的宽高属性并没有应用到MaterialButton控件上，就连你为他backgroundTint着的颜色都不对，那么原因究竟为何呢？...中添加如下属性 <item name...MaterialButton控件一样被系统默认着色成灰色我是应用主题前的CheckBox,正常的白色我是应用主题前的CheckBox 我是应用主题后的CheckBox,被系统着色成灰色我是应用主题后的

8843 0

Flutter开发-基本组件

那么我们就要获取设备的宽度 final size = MediaQuery.of(context).size; final width = size.width; final height = size.height; 获取后在蓝湖中指定宽度后...text: this.username), onChanged: (val) { this.username = val; }, ), Button Flutter中给我们预先定义好了一些按钮控件给我们用...，常用的按钮如下 RaisedButton ：凸起的按钮，其实就是Android中的Material Design风格的Button ，继承自MaterialButton FlatButton ：扁平化的按钮...，继承自MaterialButton OutlineButton ：带边框的按钮，继承自MaterialButton IconButton ：图标按钮,继承自StatelessWidget GestureDetector...非Button组件添加点击事件 GestureDetector( child: Container( height: 40, width: 40,

7511 0

Android 音乐APP（二）启动白屏优化、定位当前播放歌曲

② 新建样式然后新建一个样式给SplashActivity使用。在drawable下新建一个splash_bg.xml，里面代码如下： <?...中设置样式。...首先进入activity_local_music.xml，然后给之前扫描音乐的按钮增加一个id并修改点击按钮所触发的方法。 ? 然后在创建一个location_music.xml。...--定位当前播放音乐按钮--> <com.google.android.material.button.MaterialButton android...当页面有歌曲播放时，滑动列表会显示定位按钮，停止2s后会隐藏定位按钮，下面就是要在点击定位按钮时，定位到当前播放歌曲，虽然目前还没有播放过歌曲。只是一个选中位置。

9891 0

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

AppBar的基本属性如下： 1）leading：标题左边的图标按钮，默认是一个返回箭头样式的按钮。 2）title：导航栏标题。...2）更新阶段 setState()：当状态数据发生变化时，通过调用setState()告诉系统使用更新后数据重构视图。...didChangeDependencies()：状态组件的依赖关系发生变化后，Flutter会回调该函数，随后触发组件的构建操作。...4.3.2 按钮组件 Materail组件库中常见的按钮组件： RaisedButton：默认是带有阴影和灰色背景的按钮，按下后阴影会变大； FlatButton：默认是背景透明并不带阴影的按钮，按下后会有背景色...； OutlineButton：默认是一个带有边框、不带阴影且背景透明的按钮，按下后边框颜色会变亮，同时会出现背景和阴影效果； IconButton：一个可点击的图标按钮，不支持文字，默认没有背景，点击后会出现背景

12.4K3 0

安卓软件开发：用Java和Kotlin构建MDC-UI框架实现LoginUI（基础）

两个按钮：分别为“Cancel”按钮和“Next”按钮。应用Logo：显示Shrine的徽标图片。...androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0-alpha05' } 2.2运行Gradle 依赖项添加完成后...> 2.5 添加按钮XML 在XML布局文件中，添加“Cancel”和“Next”按钮，操作登录功能： <RelativeLayout android:layout_width="match_parent...:text="@string/btn_next" /> <com.google.android.material.button.MaterialButton android:id=...添加“Next”按钮的点击监听器，根据isPasswordValid() 方法实现密码验证。当验证通过时，清除错误信息和导航到下一个Fragment。

42010 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭