如何在Android中使我的工具栏背景透明？

在Android中使工具栏背景透明的方法有多种。以下是一种常用的方法：

在styles.xml文件中定义一个自定义的主题样式，例如：

<style name="AppTheme.TransparentToolbar" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowActionBarOverlay">true</item>
    <item name="android:windowActionModeOverlay">true</item>
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
</style>

在AndroidManifest.xml文件中将应用的主题设置为自定义的主题样式：

<application
    ...
    android:theme="@style/AppTheme.TransparentToolbar">
    ...
</application>

在布局文件中，将工具栏的背景设置为透明：

<androidx.appcompat.widget.Toolbar
    ...
    android:background="@android:color/transparent">
    ...
</androidx.appcompat.widget.Toolbar>

这样，工具栏的背景就会变为透明，可以显示出底部的内容。

推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）提供了丰富的移动开发解决方案，包括移动应用开发、移动应用测试、移动应用分发等服务，可帮助开发者快速构建和发布移动应用。

相关·内容

【翻译】MotionLayout实现折叠工具栏（Part 2）

通过上一篇文章我们了解了基本的折叠工具栏动画行为，使用的是 MotionLayout ，第一次尝试的效果与在 CoordinatorLayout 中使用 CollapsingToolbarLayout...不过有一个细微的小动画在 MotionLayout 中没有实现出来。移动和缩放动画在文字上表现确实已经非常接近，但是背景图片的渐变在最边缘上却没有完全相同。...我们已经讨论过 MotionLayout 是如何在 ConstraintSets 中所定义的固定布局之间进行过渡动画了。...目前来说，发生的情况是：图片的透明度在过渡动画还没有达到 60% 之前是不会发生变化的（也就是至少超过一半的折叠状态下不发生变化），接下来会慢慢开始淡出，直到工具栏达到 90% 折叠时完全透明。 ?...你只需要记得在最终发布版本中要关闭这个功能——我建议定义一个布尔值资源，在布局中使用，然后你就可以在发布版本时总能设置它为 false 就可以了。好吧，这次就到这里。

1.7K3 0

6详解AppBar小部件

背景颜色以下代码将 AppBar 的背景颜色更改为深橙色。500添加以访问颜色的特定阴影，900即最暗和最亮50。...工具栏高度和不透明度最后，我们有工具栏属性。工具栏包含文字，图标，按钮，和其他任何公司的前景，除了小部件，如Container和Image。...如果你已经做到了这一步，你现在应该明白： AppBar 是什么以及它如何在 Flutter 中使用 AppBar 的布局 ( leading, title, 和actions) 如何自定义 AppBar...的布局和添加小部件如何为 AppBar 的图标、文本、背景、高度、阴影颜色和工具栏设置主题所以我们有了！...关于 Flutter 的 AppBar 必须提供的所有内容的完整演练。我希望这篇文章能帮助你在未来所有的 Flutter 应用程序中创建漂亮的 AppBars。

16.4K1 0

Android开发笔记（一百六十四）仿京东首页的下拉刷新

，内嵌扫一扫图标、搜索框，以及消息图标； 2、把整个页面往上拉，状态栏的背景色从透明变为深灰，同时工具栏的背景也从透明变为白色； 3、页面下拉到顶后，继续下拉会拉出带有“下拉刷新”字样的布局，此时松手则会触发页面的刷新动作...；上面第一点的状态栏和工具栏悬浮效果，都有对应的解决办法；第二点的状态栏和工具栏背景变更，也存在可行的解决方案。...一些第三方的开源库如PullToRefresh、SmartRefreshLayout固然能让整体页面下滑，可是顶部的下拉布局很难个性化定制，至于状态栏、工具栏的背景色修改更是三不管。...既然可以知晓到顶与否，同步变更状态栏和工具栏的背景色也是可行的了。...下面是演示页面拉到顶部附件的两种效果图，其中左图为上拉页面使之整体上滑，此时状态栏的背景变灰、工具栏的背景变白；右图为下拉页面使之接近顶部，此时状态栏和工具栏的背景均恢复透明。 ? ?

2.9K4 0

我是如何在公司项目中使用ESLint来提升代码质量的

为什么我们要在项目中使用ESLint ESLint可以校验我们写的代码，给代码定义一个规范，项目里的代码必须按照这个规范写。...加入ESLint有非常多的好处，比如说可以帮助我们避免一些非常低级的错误，一些格式上的问题导致我们在运行生产环境的时候出现一些不明所以的报错。...，如.js、.jsx、 .vue等，紧接着后面要写上一个参数，这个参数就是我们要检测哪个目录下面的文件，一般项目文件都在src下面，所以在后面写上src/就好。...怎么在项目中预处理错误，eslint-loader来帮忙我希望在项目开发的过程当中，每次修改代码，它都能够自动进行ESLint的检查。...里面就会马上报错，此刻我猜想terminal的内心活动应该是：“TMD，写的什么烂代码，天天写bug气得我每次脸都涨的通红”~~~ 幸运的是，机器是没有感情的，我们却可以嗨皮地立马定位到错误，然后把它改掉就可以了

2.2K8 0

我的WCF之旅（9）：如何在WCF中使用tcpTrace来进行Soap Trace

在这些工具之中，我觉得最好用的就是Microsoft Soap Toolkit中的Soap Trace Utility和tcpTrace。我们今天就来讲讲如何在WCF中使用tcpTrace这个工具。...SOAP的无限扩展的Header在实现此功能上可谓功不可没，原则上任何控制信息都可以放在Soap Header之中，Header的可扩展性也使一系列的WS-* Specification的实现成为可能...Endpoint的Address，另一个则是实际接收该Soap的Intermediary Node的Address。...在WCF中通过ClientViaBehavior实现这样的功能，我将在后面讲到。...为了使大家有一个具体的认识，我给出了Host该Service的configuration： <?xml version="1.0" encoding="utf-8" ?

1K8 0

Android开发笔记（十）常用的图片加工操作

一些简单的加工如缩放、旋转、裁剪、格式转换，使用ACDSee就够用了，不过有些稍微复杂的操作得借助PhotoShop。...图片取色 Android布局文件常常要给背景指定某种颜色，这需要知道该颜色的RGB三色值。我们使用PS打开取色来源图片，在工具栏中选择“吸管工具”，然后点击图片中需要取色的某点。...背景透明化有时我们想让一张图片边缘的白色区域变透明，这个不难，很多人大概已经想到使用美图秀秀等软件来抠图。...其实通过PS操作也挺方便的，首先用PS打开要处理的图片，然后点击菜单“图层”——“新建”——“图层背景”，再在工具栏找到“魔棒工具”，在高版本的PS上可能一下找不到魔棒，这时要在“快速选择工具”上右击，...gif动画取帧 Android本身不支持gif动画的显示，如果用ImageView加载一张gif图片，结果只能显示gif的第一帧图。

1.1K4 0

Android开发笔记（一百四十四）高仿支付宝的头部伸缩动画

Android5.0推出的MaterialDesign库包含了处理头部工具栏的多个控件，不但允许自定义顶部导航栏，而且导航栏高度是可以伸缩的。...这个渐变动画其实可分为两段： 1、导航栏从展开状态向上收缩时，头部的各控件要慢慢向背景色过渡，也就是淡入效果； 2、导航栏向上收缩到一半，顶部的工具栏要换成收缩状态下的工具栏布局，并且随着导航栏继续向上收缩...； 2、导航栏向下展开到一半，顶部的工具栏要换成展开状态下的工具栏布局，并且随着导航栏继续向下展开，新工具栏上的各控件也要慢慢变得清晰起来，也就是淡出效果。...为了解决这个问题，我们可以采取类似遮罩的做法，即一开始先给导航栏罩上一层透明的视图，此时导航栏的画面就完全显示；然后随着导航栏的移动距离，计算当前位置下的遮罩透明度，比如该遮罩变得越来越不透明，看起来导航栏就像蒙上了一层面纱...反过来，也可以一开始给导航栏罩上一层不透明的视图，此时导航栏的控件是看不见的，然后随着距离的变化，遮罩变得越来越不透明，导航栏也会跟着变得越来越清晰了。

1.2K1 0

Android 样式系统 | 主题背景覆盖

范围在上一篇文章中，我们提到: 任何一个拥有或者自己本身就是 Context (如 Activity，View or ViewGroup) 的对象都可以通过访问 Context 的属性来获取主题背景...任何在主题背景 Foo 中有指定，但是在主题背景 Bar 中未指定的属性也被应用于此 Button。...例如，浅色内容上有深色的工具栏，或者该界面 (比如，Owl 示例应用) 中显示了大面积的粉色主题背景但显示相关内容的底部具有蓝色主题背景: 粉色主题背景屏幕中的蓝色子区域通过在蓝色分区的根部 (Root...它们继承了另一个 "完整" 主题背景 (如，Theme.MaterialComponents)，因此可以将其设置为 Activity 主题背景。主题背景覆盖。仅应用于 "完整" 的主题背景。...在上下文中使用我们曾说过主题背景与 Context 相关联，这意味着，如果您在代码中使用 Context 来获取资源 (Resource)，请确保您使用的是正确的 Context。

1.4K1 0

ps切图必知必会

) 简单操作过程如gif下所示,整个过程,清除辅助线,调出标尺(ctrl+R),信息(F8),即可,放大缩小(ctrl+,ctrl-)或者按住Alt键不放,滚动滚轮向上滚(放大),向下滚,缩小,显示,...,新选区,添加到选区,从选区中删去,与选区交叉结合进行使用 ctrl+v复制,ctrl+N(新建),选中所要去除的背景色+delete(删除背景色,为透明的) 文件->存储为web和设备所用的格式(ctrl...如何在网页中抠图印屏幕,键盘上的prtSc SysRq键(把你屏幕上你看到的给截取出来) 浏览器(chrome)插件,控制台工具,审查元素,探测到图片,打开图片url,打开图片保存即可网页上的图片都可以拿到...http请求,当然有的小图标,如果用字体图标也是可以的,这样比背景图还要好方法一:新建一个画布,然后依次的将所扣出的图标复制粘贴到新的图层即可(复制粘贴的图标,要把背景色去掉为透明背景) 方法二:新建一个画布...(psd | jPG/Gif/png)特点 JPG/GIF/PNG的应用如何抹掉psd原文件或者图片的文字添加前景色和删除背景色如何在网页中抠图合成雪壁图(css sprite) 使用雪碧图结合定位嵌入到网页中去

3K2 0

iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

让内容固定在导航栏区域外显示（这个区域由应用的statusBarFrame属性来定义）。如果你确定要这样做的话，请给导航栏区域添加固定的、与屏幕背景色相同的背景色。...举个例子，不要在同一个应用中使用不透明导航栏和半透明工具栏。在屏幕处于同一方向时，最好不要改变不同屏上导航栏的背景图片、颜色和透明度。确保你自定义的返回按钮的外观与操作仍然像一个返回按钮。...工具栏：是半透明的在iPhone上，工具栏始终位于屏幕底部，而在iPad上则有可能出现在顶部当键盘被唤起、用户使用了手势、或者当前视图变为竖屏的情况下，工具栏可以隐藏。...浮出层：是一个自包含的模态视图在横屏环境中，浮出层会包含一个箭头，指向其出处背景是半透明的，并且会模糊其背后的内容（毛玻璃效果）可以包含多种对象和视图，比如：表格，图片，地图，文本，网页或者自定义视图...导航栏，工具栏，和标签栏可以操作当前app视图中的对象的各种控件或对象（默认情况下，浮出层中的表格视图，导航栏和工具栏的背景都是透明的，这样会让浮出层的毛玻璃效果展示出来）在横屏的情况下，动作列表总是出现在浮出层里

10.1K5 1

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

本文并未完整列举所有属性，只列举了我所使用的，建议您浏览下面的属性文件的定义链接来获取更多信息。...这是因为一些属性是由 Android 平台定义的，所以您需要使用 android 命名空间来引用由它们自己定义的属性 (类似于布局中使用 View 属性 android:id) 。...我在上面列举的都是非平台版本的案例。...将 item 的对齐部分抽象成一个主题背景属性，给不同界面使用的同一个布局中使用主题背景来区分它们的差异: 1.在 attrs.xml 中定义主题背景属性: 背景属性功能更容易实现主题功能 (如深色主题背景)，而且让您编写出更灵活，更易于维护的代码。更多关于此部分的内容，敬请关注本系列的下一篇的文章。

1.2K3 0

关于H5在移动端弹出下拉选项时遮挡输入框的问题

背景在最近的一个Hybrid App项目中，我实现的H5有以下两个需求：使用quill.js实现富文本编辑器，但是，工具栏需要固定定位到底部，当输入法弹出时，工具栏需要悬浮在输入法键盘之上，如下图所示...的高度不会随着键盘的弹出而发生改变，始终是左图蓝色框的高度综上，当工具栏使用fixed来定位时，在android上，当键盘弹出时webview的高度会减小，所以工具栏会悬浮在键盘之上，也就是说，在android...将工具栏放在顶部，这样改动成本最小，兼容性最好，如果能说服产品，那么推荐这种方式在ios app端，当键盘弹出时，配置webview的高度为屏幕高度 - 键盘高度，也就是与android保持一致的处理方式...，这种方式不推荐使用，第一个原因是因为这么处理后相当于是改变了ios默认的处理机制，当H5放到其他ios app中使用时，还是会出现同样的遮挡问题；第二个原因是将H5的业务与端的强耦合在一起在ios...但是对于下拉选项而言，弹出框的下拉选项是我们自己实现的，也就不是系统级的，所以，系统不会对其进行处理，如：将聚焦的输入框推动到可视范围之内，因此，会导致遮挡问题。

5.5K3 0

探索 Android Design Support Library v28 新增内容

如果该按钮未被填充, 则主题的 accent colour 将作为按钮的文本颜色, 透明背景色....除了这两个属性之外, 还可以使用最初可用的属性(如 app：cardBackgroundColor 等)设置卡片视图的样式....Bottom App Bar 底部应用栏是一个新的组件, 它允许我们在布局的底部显示一个类似工具栏的组件. 这使我们能够以比标准工具栏更容易交互的方式向用户显示组件. ?...app:backgroundTint: 用于为视图的背景上色. 如果你想要设置视图的背景颜色, 那么应该用 android:background 属性. 这样会确保视图样式的稳定性....我也很高兴能够找到一个可以使用底部应用栏的用例, 但我确信在 Support Library 版本稳定之前还有一段时间才能实现. 按照惯例, 我很乐意听到您对这些新组件的想法或评论!

1.9K2 0

【翻译】MotionLayout实现折叠工具栏（Part 1）

一、说明没有严格按照中英对照进行的翻译，但是我尽量把意思翻译到位，能看原文的朋友可以直接欣赏原文啦。 ?...在我们开始之前，有必要在这里澄清一下：在 CoordinatorLayout 中使用 CollapsingToolbarLayout 来实现折叠工具栏是没任何问题的。...当然了，如果你已经在自己的 App 中使用了，那么你在学会了这里的知识后也没什么必要做更改。...表示工具栏的完全展开状态，而另一个表示工具栏处于完全闭合状态就足以。...第一件事情就是作为背景的 ImageView 图片（ ID 为 toolbar_image ）高度值的改变，以及图片透明度值的改变。

2K3 1

带你快速掌握Flutter的视图(Widgets)

如何在布局中添加或删除组件？如何对 Widget 做动画？如何绘图(Canvas draw/paint)？如何构建自定义Widgets? 如何设置Widget的透明度？...通过这篇文章的学习，将为你揭开这些答案。谁是Flutter中View？在Android中，View是屏幕上显示的所有内容的基础，按钮、工具栏、输入框等一切都是View。...在Android中，我们通过XML编写布局；在iOS 中，我们会用 Storyboard 文件来组织 views，并对它们设置约束，或在 view controller 中使用代码来设置约束；在 Flutter...如何设置Widget的透明度？...在 iOS 中，什么东西都会有一个 .opacity 或是 .alpha 的属性；在Android中View有setAlpha方法；在 Flutter中如果要改变透明度，我们可以给Widget 包裹一个

11K1 0

最新iOS设计规范三｜3大界面要素：栏(Bars)

在拆分视图中，导航栏可能会显示在拆分视图的单个窗格中。导航栏是半透明的，也可以添加背景色，并且必要时可以设置为隐藏。 ? 某些情况下可暂时隐藏导航栏，以提供更沉浸的体验。...隐藏状态栏下的内容。默认情况下，状态栏的背景是透明的，是可以看到背后的内容的。保持状态栏可读，并不意味着其背后的内容是可交互的。...有几种常见的技术可以做到这一点： · 在APP中使用导航栏，该导航栏会自动显示状态栏背景，并确保内容不会显示在状态栏背后 · 在状态栏背后显示自定义图像，如渐变色或纯色 · 在状态栏背后放置模糊的视图...五、标签栏（Tab Bars）标签栏出现在页面底部，可以在APP的不同模块之间快速切换。标签栏是半透明的，也可添加背景颜色。所有页面的标签栏应保持相同的高度，并且在弹出键盘时隐藏。...工具栏是半透明的，也可以添加背景颜色，并在用户不需要它们时应该隐藏起来。例如：在Safari中，当你开始滚动页面时，工具栏会自动隐藏，因为你可能正在阅读。你还可以点击屏幕底部让它再次出现。

9.9K1 0

从分析我抓取的60w知乎网民来学习如何在SSM项目中使用Echarts

个人觉得写的非常好，当时抓取的效率和成功率还是特别特别高，现在可能知乎反扒做的更好，这个开源知乎爬虫没之前抓取的那么顺利了。我记得当时在我的i7+8g的机器上爬了将近两天，大概爬取了60多w的数据。...SSM环境的搭建；如何在SSM项目中使用Echarts 1.3 效果图展示细心的同学会发现，我其实只从数据库抓取了9条数据出来。因为我的SQL语句写错了（逃....）...另外我配置了一个Tomcat插件，这样就可以通过Maven Build的方式来运行项目了。...下面我只贴一下Ajax请求的代码。下面以圆饼图为例，看看如何通过Ajax请求获取数据动态填充我的原创文章，欢迎关注我的微信公众号:"Java面试通关手册" 。无套路，希望能与您共同进步，互相学习。 [1646a3d308a8db1c?

2.1K3 0

Photoshop软件2020软件下载安装教程-PS全版本最新版本软件安装包

本文将从多个方面对Photoshop工具栏进行详细解释。一、选择工具选择工具是Photoshop工具栏中最常用的工具之一。它用于选择图像中的某个区域或图层，方便用户进行相应的操作。...二、画笔工具画笔工具是Photoshop工具栏中也非常常用的工具，它主要用于绘画和图像涂抹。用户可以选择不同的画笔类型（如铅笔、画笔、水彩笔等），并根据需求进行设置不同的笔刷、颜色和透明度。...用户可以选择不同大小和形状的橡皮擦来进行操作，也可以使用不同的模式（如橡皮擦、背景擦除器等）来达到不同的效果。...用户可以在Photoshop软件中使用不同的裁剪工具来调整图像的大小和比例，并可以选择不同的裁剪选项和比例来自定义设置。七、形状工具形状工具是Photoshop工具栏中用于创建基本图形的工具之一。...因此，在使用Photoshop软件时，掌握工具栏的使用非常重要。举报/反馈

4900 0

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

在 Android 样式系统系列的前几篇文章中，我们介绍了主题背景与样式的区别，以及为什么说通过主题背景和公共主题背景属性来分解您要实现的内容是一个不错的主意，请点击链接回顾: Android 样式系统...| 主题背景和样式 Android 样式系统 | 常见的主题背景属性这会让我们通过创建更少的布局或样式，以隔离主题背景中的修改。...由于主题背景可以被覆盖或者改变，因此这间接表示: 您不需要创建其他布局或样式就可以更改某些颜色——您可以在相同的布局中使用不同的主题背景。始终使用? 在某些情况下，您或许不想按照主题背景更改颜色。..." /> 因此，最好将主题背景颜色指定为完全不透明，然后使用 ColorStateLists 修改它们的 alpha。...强制执行即使您已经说服自己使用主题背景属性和 ColorStateList，但如何在代码库或者团队中使用呢？您可以在 Code review 期间尝试保持警惕，但它的扩展性不是很好。

1.4K2 0

使用 Android Studio 进行 Flutter 开发

本文将与你一起回顾如何在 Android Studio 里进行 Flutter 工具的配置。创建项目你可以通过多种方式来创建新项目。 ?...在主工具栏，可以运行和调试代码： ? IntelliJ 的主工具栏选择目标设备在 IDE 中打开 Flutter 项目时，你会在工具栏的右侧看到一组 Flutter 的特定按钮。...点击工具栏中的 Debug 按钮，或选择 Run > Debug。底部的 Debugger 窗口会显示出堆栈和变量信息。底部的 Console 窗口会显示详细的日志输出。...一个 Opacity widget 在 widget tree 中使用了一个不必要的高度，或者通过直接操作 Opacity widget 的透明属性创建 Opacity 动画，导致 widget 和它的子树重载...确保选择和 Flutter 使用相匹配的 Android SDK（如 flutter doctor 中所示）。点击 OK。

6.4K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云