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

如何使用材质设计更改顶部工具栏中图标和标题的颜色?-NoActionBar主题- Android material design

材质设计是一种现代化、直观且美观的设计风格,适用于Android应用程序的开发。在顶部工具栏中,你可以通过使用NoActionBar主题以及一些代码来更改图标和标题的颜色。

首先,你需要使用NoActionBar主题来移除默认的ActionBar。在AndroidManifest.xml文件中找到你的Activity,并在其主题属性中设置为NoActionBar。示例代码如下:

代码语言:txt
复制
<activity
    android:name=".YourActivity"
    android:theme="@style/Theme.AppCompat.NoActionBar">
</activity>

接下来,在你的Activity的布局文件中,添加一个Toolbar来代替ActionBar。示例代码如下:

代码语言:txt
复制
<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:elevation="4dp"
    android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
</androidx.appcompat.widget.Toolbar>

然后,在你的Activity的Java文件中,通过调用setSupportActionBar()方法,将Toolbar设置为Activity的ActionBar。示例代码如下:

代码语言:txt
复制
Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

现在,你可以使用Toolbar的相关方法来更改图标和标题的颜色。示例代码如下:

代码语言:txt
复制
// 更改标题文字的颜色
toolbar.setTitleTextColor(getResources().getColor(R.color.your_color));

// 更改导航图标的颜色
toolbar.getNavigationIcon().setColorFilter(getResources().getColor(R.color.your_color), PorterDuff.Mode.SRC_ATOP);

上述代码中,"your_color"是你想要设置的颜色的资源值。

对于腾讯云相关产品,由于要求不提及具体品牌商,你可以自行在腾讯云官网上查找与材质设计相关的产品和服务。在腾讯云官网的产品页面,你可以找到与移动开发、前端开发等相关的云服务,并查看它们的详细介绍和文档。

希望这些信息能对你有所帮助!

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

相关·内容

flutter 起步

MaterialApp:什么是MaterialAppMaterialApp是我们使用 Flutter开发中最常用的符合Material Design设计理念的入口Widget。...,会回调相关的操作8. builder当构建一个Widget前调用一般做字体大小,方向,主题颜色等配置9. title该标题出现在Android:任务管理器的程序快照之上IOS: 程序切换管理器中10....onGenerateTitle跟上面的tiitle一样,但含有一个context参数用于做本地化11. color该颜色为Android中程序切换中应用图标背景的颜色,当应用图标背景为透明时12. theme...Scaffold :Scaffold 实现了基本的 Material Design 布局结构。在 Material 设计中定义的单个界面上的各种布局元素,在 Scaffold 中都支持。...iconTheme → IconThemeData - Appbar 上图标的颜色、透明度、和尺寸信息。默认值为 ThemeData.primaryIconTheme。

4.5K20
  • Flutte部件目录-基本部件(三) 顶

    Appbar 一个Material Design应用程序栏。 ? 应用程序栏由工具栏和其它可能的部件(如TabBar和FlexibleSpaceBar)组成。...AppBar在底部(如果有)上方显示工具栏部件,leading,标题和操作。底部通常用于TabBar。 如果指定了一个flexibleSpace部件,那么它将堆叠在工具栏和底部部件的后面。...它的高度将与应用栏的整体高度相同. [...] final iconTheme → IconThemeData 用于应用程序栏图标的颜色,不透明度和大小。...如果您希望标题占用所有可用空间,请将此值设置为0.0. [...] final toolbarOpacity → double 应用栏的工具栏部分的透明度如何. [...]...也可以看看: IconTheme, 为图标提供环境配置. Icon, 用于显示图标材质设计图标库. ImageIcon,用于显示来自AssetImages或其他ImageProviders的图标.

    6.3K10

    探索 Android Design Support Library v28 新增内容

    Material Button Material Button 是一个小部件, 可用于在你的应用程序的用户界面中显示材质样式的按钮....这个类从你可能已经使用的 AppCompatButton 类继承而来. 它们之间有什么不同呢? 这个按钮开箱即用, 它被设计成具有物质本质外观和质感, 而无需使用样式标志定义....我们按照原样使用 MaterialButton 类, 并且在我们的视图中, 它将具有我们所追求的材质外观和质感 -- 将其视为一个提供方便的类. ?..." app:icon="@drawable/ic_android_white_24dp" /> 默认情况下, 此类将使用主题的 accent colour 填充按钮的背景颜色, 同时使用白色作为按钮的文字颜色...结论 在我看来, 这些是对 Support Library 的一些简洁补充 -- 我期待着能够立即使用材质主题组件.

    1.9K20

    6详解AppBar小部件

    Flutter AppBar 是根据Material Design指南构建的应用程序组件。它通常位于屏幕顶部,并且能够在其布局中包含其他小部件。...您可以使用它来显示图标、图像、形状或使用布局小部件(例如row和 )的任意组合column。...AppBar 包含各种属性,包括颜色、大小、图标主题、文本主题等等。 背景颜色 以下代码将 AppBar 的背景颜色更改为深橙色。500添加以访问颜色的特定阴影,900即最暗和最亮50。...工具栏高度和不透明度 最后,我们有工具栏属性。工具栏包含文字,图标,按钮,和其他任何公司的前景,除了小部件,如Container和Image。...的布局和添加小部件 如何为 AppBar 的图标、文本、背景、高度、阴影颜色和工具栏设置主题 所以我们有了!

    16.4K10

    不懂设计的产品不是好开发

    对于主色调,Material设计浅色主题通常使用500色调,对于深色主题建议使用较浅的饱和度色调(200-50范围)。...Codeland的标志更像是长方形,边角处有一个非常小的圆角值。 5. Icons Material设计图标是极简的,现代的,并在Apache许可版本下,使其可以免费使用和重新混合使用。...图标字体是用字体中的字形绘制的,但不是字母,而是图标和形状。在Android项目中,我们将SVG文件中的材质设计图标作为XML文件添加到资源文件夹中。...Flutter通过从字体集中移除未使用的符号来优化Material design图标库,这就减少了应用程序的大小、加载时间和内存使用。...考虑到品牌形状,ATA将使用圆形图标,Biohack将使用尖锐图标,Codeland将使用填充图标。 Conclusion 在这篇文章中,我解释了主题属性和相应的Material设计指南。

    2.5K20

    Toolbar-5.0新特性

    概念 Android5.0以后谷歌大力推崇Material Design设计,有意统一之前Android style风格乱象的情况。...Toolbar,这是用来取代过去 actionbar 的控件,而现在于 material design 中也对之有一个统一名称:app bar,在未来的 android app 中,就以 toolbar...除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在官方API文档中都有详细介绍,如: 设置导航栏图标; 设置App的logo; 支持设置标题和子标题...---- Toolbar的基本使用 ---- 使用V7的向下兼容包 前面提到 Toolbar 是在 Android 5.0 才开始加上的,Google 为了将这一设计向下兼容,自然也少不了要推出兼容版的...---- 运行效果 按照效果图,从左到右分别是我们前面提及到的 导航栏图标、App的logo、标题和子标题、自定义控件、以及 ActionMenu 。 ?

    45420

    android Material Design详解

    前言 我们都知道Marterial Design是Google推出的全新UI设计规范,如果对其不太了解的可以看下:Material design非官方中文指导手册 ,或者我的前面几篇Material...在推出这门全新设计语言后,Android上自家的应用很快就使用Material Design全新设计了,如Play商店,Google Map,Google+,比较新的Inbox等;Web上的视觉体验也是很...Material的,最有帮助的当属这个了Material Design的官方介绍了;IOS方面的Google应用也在慢慢推进中。...所以作为一个Android开发者怎么能不紧跟Google的步伐呢,下面就来通过Toolbar和Palette这两个在API21后推出的东西,当然Google已经把它们放到到v7库里了,使用Material...Design来设计App当然不仅限于这两个方面了,前面的Material Design的译文已经清楚知道怎么去全面设计。

    2K90

    Android 沉浸式解析和轮子使用

    是因为从 Android 6.0(API 23)开始,我们可以改状态栏的绘制模式,可以显示白色或浅黑色的内容和图标(除了魅族手机,魅族自家有做源码更改,6.0 以下就能实现)。...1.2 Android5.0 以上设置状态栏背景颜色 Android 5.0 是一个里程碑式的版本,从Android 5.0 开始,Google 推出了全新的设计规范 Material Design,并且原生控件就可以实现一些炫酷的...如果在开发的时候是通过设置主题的方式设置,则需要在values-v21文件夹下添加如下主题,达到兼容目的 Design.Light.NoActionBar...1.3 Android 6.0 +实现状态栏字色和图标浅黑色 使用 Android6.0 以下版本沉浸式的时候会遇到一个问题,那就是 Android 系统状态栏的字色和图标颜色为白色,当状态栏颜色接近浅色的时候...并且还可以在主题中使用属性,并且该主题需要放在 values-v23 文件夹下相应 Android6.0 以上才能生效: Design.Light.NoActionBar

    3.2K10

    通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

    特别喜欢稀土掘金个人界面的样子,那我们就来看看如何实现这个效果吧,要想实现这个效果,肯定需要的是Material Design风格,那就需要学会使用以下控件:CoordinatorLayout,AppBarLayout...Toolbar 是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ,Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏,以此来取代之前的...除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在API文档中都有详细介绍,如: 设置导航栏图标; 设置App的logo; 支持设置标题和子标题...毫无疑问,TabLayout也是Material Design设计风格,当然也是5.0以后出来的。...如果设计的需求不要求选项卡在切换时附带有图标的切换效果,仅仅文字的颜色发生变化以响应用户的点击事件,那么TabLayout和ViewPager建立联系可以用官方提供的方法,它可以做到交互双向联动,也就是点击

    2.3K90

    Android Material Design之Toolbar与Palette实践

    前言 我们都知道Marterial Design是Google推出的全新UI设计规范,如果对其不太了解的可以看下:Material design非官方中文指导手册 ,或者我的前面几篇Material Design...在推出这门全新设计语言后,Android上自家的应用很快就使用Material Design全新设计了,如Play商店,Google Map,Google+,比较新的Inbox等;Web上的视觉体验也是很...Material的,最有帮助的当属这个了Material Design的官方介绍了;IOS方面的Google应用也在慢慢推进中。...所以作为一个Android开发者怎么能不紧跟Google的步伐呢,下面就来通过Toolbar和Palette这两个在API21后推出的东西,当然Google已经把它们放到到v7库里了,使用Material...Design来设计App当然不仅限于这两个方面了,前面的Material Design的译文已经清楚知道怎么去全面设计。

    1.3K80

    Material Design初露锋芒之复杂视图轻松实现

    为什么一定要学习Material Design? 许多程序员有这样的疑问:现有的知识能满足工作需要了,为什么还要费劲去学习Material Design?...那么我可以告诉你,Material Design大大节约了UI上的开发时间,而学会她(满足日常使用)只需花一点点功夫。...使用Material控件可以非常优雅地消灭各种问题,几乎不需要写任何逻辑代码。 如丝般顺滑,性能杠杠的~往下继续查看要点解读。 ?...使用Martial Design优雅实现 要点解读 // 保存ViewPager中Fragment的状态 mViewPager.setOffscreenPageLimit(mFragments.size...再来喵一眼,顺便点个喜欢关注什么的~~ ? Material Design各个控件�自动协调 相关链接 本文Demo 30分钟入门Android Material Design

    91520

    【软件开发规范七】《Android UI设计规范》

    Material Design相关 2.1 核心思想 2.2 材质与空间 2.3 动画 2.4 颜色 2.5 图标 2.6 图片 2.7 文字 字体 文字排版 2.8 布局 2.9 组件(Components...Material Design相关 Material Design,中文名:质感设计,是由 Google 推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致...编辑 Material Design 是最重视跨平台体验的一套设计语言。由于规范严格细致,保证它在各个平台使用体验高度一致。...2.2 材质与空间 材质 ​编辑 Material Design 中,最重要的信息载体就是魔法纸片。纸片层叠、合并、分离,拥有现实中的厚度、惯性和反馈,同时拥有液体的一些特性,能够自由伸展变形。...,表面不要有图案 不能透视、弯曲 ** 小图标 ** 优先使用material design默认图标。

    5.1K20

    最详细的 Android Toolbar 开发实践总结

    初识 Toolbar Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ,Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏...除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在API文档中都有详细介绍,如: 设置导航栏图标; 设置App的logo; 支持设置标题和子标题...接下来,我们就一步一步的来看如何使用 Toolbar (其实是我使用 Toolbar 踩坑填坑的血泪史,你们接下去看,我先擦个眼泪…. )。...开始使用 Toolbar 前面提到 Toolbar 是在 Android 5.0 才开始加上的,Google 为了将这一设计向下兼容,自然也少不了要推出兼容版的 Toolbar 。...ToolbarActivity效果图 按照效果图,从左到右分别是我们前面提及到的 导航栏图标 、 App的logo 、 标题和子标题 、 自定义控件 、以及 ActionMenu 。

    93920

    Flutte部件目录-Material Components 顶

    实现Material Design指南的视觉,行为和运动丰富的小部件。 应用程序结构和导航 按钮 输入和选择 对话框,弹出框和面板 信息显示 布局 查看Flutter窗口小部件目录中的更多小部件。...一个显示在应用底部的材质小部件,用于在少量视图中进行选择,通常介于3到5之间。 底部导航栏由文本标签,图标或两者的多个项目组成,并放置在一块材料的顶部。 它提供了应用程序顶级视图之间的快速导航。...如果选择的项目非空,则使用fixedColor呈现所选项目,否则将使用主题的ThemeData.primaryColor。...FlatButton 平面按钮是在材料组件部件上打印的部分,通过填充颜色对触摸作出反应。 ? IconButton 图标按钮是一个打印在材质小部件上的图片,通过填充颜色(墨水)对触摸作出反应。 ?...SnackBar 带有可选操作的轻量级消息,简要显示在屏幕底部。 ? 信息显示 Image 一个显示图像的小部件。 ? Icon 材质设计图标。 ?

    9.5K40

    Android开发笔记(一百一十九)工具栏ToolBar

    Toolbar 在前面的博文《Android开发笔记(二十)顶部导航栏》中,我们学习了ActionBar的用法,可是ActionBar着实是不怎么好用,比如文字风格不能定制、图标不能定制,而且还存在低版本的兼容性问题...为此,Android提供了加强版的工具栏控件即Toolbar,因为Toolbar继承自ViewGroup,而且可在布局文件中像其它布局视图一样使用,所以灵活性大大的提高了。...setTitle : 设置标题文字。 setTitleTextAppearance : 设置标题的文字风格。 setTitleTextColor : 设置标题的文字颜色。...setSubtitleTextColor : 设置副标题的文字颜色。 setNavigationIcon : 设置导航图标。导航图标在工具栏图标左边。...有关原SearchView的使用说明参见《Android开发笔记(二十)顶部导航栏》,新旧两个SearchView的用法其实大同小异,当然新版的功能会更强大些,下面是android.widget.SearchView

    1.9K30

    Android开发:最详细的 Toolbar 开发实践总结

    初识 Toolbar Toolbar 是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ,Google 非常推荐大家使用 Toolbar 来作为Android...除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在API文档中都有详细介绍,如: 设置导航栏图标; 设置App的logo; 支持设置标题和子标题...我们先来看一下 ToolbarActivity 的运行效果 ToolbarActivity效果图 按照效果图,从左到右分别是我们前面提及到的 导航栏图标、App的logo、标题和子标题、自定义控件、以及...Toolbar 和其他控件一样,很多属性设置方法既支持代码设置,也支持在xml中设置(这里也是最最最最最坑爹的地方,如何坑爹法,请接着往下看); Toolbar 踩坑填坑 坑一:xml布局文件中,.../Theme.ToolBar.ZhiHu" 主要是为了替换系统右上角三个点的图标,如果不设置,则会成系统默认主题的样子。

    1.4K100
    领券