导航栏底部灰色背景

最新推荐文章于 2022-01-15 09:08:18 发布
原创 最新推荐文章于 2022-01-15 09:08:18 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ui-ios

本文介绍了一种解决iOS应用中导航栏底部出现灰色背景的方法，该灰色背景会导致自定义颜色显示不准确。通过将navigationBar的translucent属性设置为NO，可以有效解决此问题。

问题描述

导航栏底部有一个灰色背景，导致设置的颜色失真
如图这里写图片描述

解决方法

 self.navigationController.navigationBar.translucent = NO;

效果

这里写图片描述

Android 14.0 framework关于systemUI定制之导航栏透明背景的功能实现
安卓兼职framework和app工程师的博客
05-23 288
在14.0的系统rom产品定制化开发中，在对于系统原生SystemUI的导航栏背景在沉浸式导航栏的 情况下默认是会随着背景颜色的变化而改变的，在一些特定背景下导航栏的背景也是会改变的，所以由于产品开发需要 要求需要设置导航栏背景为透明的，所以就需要在Activity创建的时候设置导航栏的背景色来完成功能的开发
自定义导航栏，隐藏导航栏底部的灰色线条
weixin_34345753的博客
07-29 509
工作中遇到的问题，参考网上资料（http://blog.it985.com/9808.html）。方法主要有三种，第一种方法的思路是更改导航栏的背景，第二种方法的思路是遍历导航栏的子控件，找到后隐藏底部灰色线条，第三种就是通过xib来实现，控制器的导航栏用一般的控件（UIView）来创建，而在viewDidload：方法中隐藏导航栏。 方法一和方法三的缺陷是导航栏的半透明效果会消失。 默...
导航条背景图
07-19
该资源与本人博客第二篇文章代码配合使用
灰色风格网址导航 1.3.rar
05-23
灰色风格网址导航，灰色，商务的像征，高端、大气、上档次。提供搜索引擎入口、实用工具、天气预报等功能。源码保证纯争、无插件、无广告、无弹窗、完全免费。
导航菜单背景切换效果
11-11 1312
在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用 JQuery 实现的一种方式： 导航一 导航二 导航三 //注意：代码需要修饰完善 $('#nav').click(function(e) { // 要知道siblings的使用 $(e.target).addClass('tclass').sibli
iOS 简单的改变导航栏的背景 几行代码解决
CZHuiGe的博客
05-09 1041
第一步，新建文件，继承自NSObject #import @interface QFAppearance : NSObject /** 设置整体风格 */ + (void)setAppearance; @end 第二部，.m文件中写方法 #import "QFAppearance.h" #im
微信小程序底部导航栏内置语法结构
最新发布
10-07
同时，需要同步更新导航栏的样式，比如改变选中项的背景色或者文字颜色。4. **数据通讯与状态管理** 使用`Page`对象的`setData()`方法来更新页面数据，反映底部导航栏的选中状态。如果多个页面都需要使用这个自定义...
微信小程序-页面配置-顶部导航栏背景色渐变
11-29
本主题主要聚焦于“微信小程序-页面配置-顶部导航栏背景色渐变”，旨在实现自定义tabBar页面的顶部导航栏，同时确保该导航栏与其它tabBar页面的导航栏风格保持一致，特别是导航栏标题的文字排版。 微信小程序提供了...
Vue实现点击导航栏当前标签后变色功能
10-14
在Vue.js中，实现点击导航栏当前标签后变色的功能是一项常见的需求，它能提供良好的用户体验，让用户清楚地知道当前所在页面。以下是如何利用Vue.js实现这一功能的详细步骤和相关知识点。 首先，我们需要在HTML模板...
android自定义底部中间突出导航栏,Android选中突出背景效果的底部导航栏功能
weixin_42124743的博客
05-25 1510
今天在群里看到一个底部导航选中突出效果像这样就想着 这个应该怎么做呢，我记得类似咸鱼那种的是中间突出，不像这种 是选中哪个，哪个就突出第一种方法简单快捷，让UI帮忙切几张带突出背景的图片，选中切换图片简单粗暴在群里找小伙伴要了UI的切图一看给的6张图片一样大小，也不带突出背景于是想着有没有第二种方法实现百度了许久也许是我找的方法不对，也许是大家都没遇到这样的UI。怎么办，自己想想，静下心来看UI效...
js实现的黑背景灰色二级导航菜单效果代码
10-23
主要介绍了js实现的黑背景灰色二级导航菜单效果代码,涉及javascript操作页面元素动态切换的实现技巧,非常具有实用价值,需要的朋友可以参考下
Android 弹出Dialog时隐藏状态栏和底部导航栏的方法
01-21
上代码 dialog.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION); dialog.getWindow().getDecorView().setOnSystemUiVisibilityChangeListener(new View.OnSystemUiVisibilityChangeListener() { @Override public void onSystemUiVisibilityChange(int visibility) {
设置导航栏的背景颜色的分类
weixin_34122604的博客
08-14 817
   这是设置导航栏的背景颜色的分类  
灰色div+css导航菜单栏代码
迷失曾经
04-09 2126
灰色div+css导航菜单栏代码 演示图片: 详细代码: 灰色div+css导航菜单栏(2) body,ul,li{margin:0;padding:0;} li{ list-style:none; } .menu_2012203_3{width:960px;height:39px;background:url(http://cssdh.mianfeimoban.com/upl
导航栏设置背景色底部线条颜色字体大小颜色
yxl123546的博客
01-09 1286
[[UINavigationBar appearance] setTitleTextAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:18],NSForegroundColorAttributeName:[UIColor whiteColor]}];           UIImage *bgImage = [ColorI
微信小程序导航条配置图片背景
RealizeInnerSelf丶
08-23 7557
文章目录微信小程序导航条配置图片背景全部页面替换就首页特殊，其他页面纯色导航条（沿用微信那套）相关代码如果你觉得写的不错或者帮到你了，记得给我点个赞哟~ 微信小程序导航条配置图片背景 需要实现通栏背景的效果（导航那里还有背景图片） 全部页面替换 如果自定义导航栏，会存在需要考虑的问题 如果有上一页，就返回上一页，否则直接返回首页（首页），图标也要跟着换 标题取配置里的（如果可以的话，否则就用组件传参，去掉配置里的，以免造成误解） 背景图片拼接（首页的时候） 就首页特殊，其他页面纯色导航条（
解决使用BottomSheetDialog时状态栏变黑的问题
weixin_34067102的博客
08-23 1534
注：发现新版本的design库已经没有这个问题，使用以下代码可能会使底部增加一条灰色的条，请注意。 问题描述 当使用support里的design 库里的BottomSheetDialog时，在6.0的机器上当对话框弹出时系统状态栏会变黑，如下图所示： 一开始以为是我用的姿势不对，试过对style配置状态栏颜色，配置其他可能影响到...
Android 9.0 10.0 沉浸式状态栏导致导航栏状态栏灰色蒙层的解决方案
安卓兼职framework和app工程师的博客
01-15 2824
在app开发中，沉浸式状态栏也是常有的样式，但是设置沉浸式状态栏后，会导致状态栏和导航栏会有灰色蒙层的问题存在 解决方案: DecorView是整个Window界面的最顶层View，它只有一个子元素为LinearLayout。代表整个Window界面，包含通知栏，标题栏，内容显示栏三块区域。 Android7.0以下，DecorView是PhoneWindow的内部类，而在7.0以上，是一个单独的类，并且有新的属性和方法。新的属性如：mSemiTransparentBarColor，看字面意思应该就是我们要
问题小结（11）-dialog的半透明背景的灰度
agods--足迹
06-26 3041
在我们继承系统dialog实现自己的dialog时，可以通过设置style来实现 @android:color/transparent @android:color/transparent 0.8 android:backgroundDimAmount就是用来控制灰度的值，当为1时，界面除了我们的dialog内容是高亮显示的，dialog以外的区域是
android 修改底部导航栏背景色
07-20
### 修改 Android 系统中底部导航栏的背景色 在 Android 系统中，修改底部导航栏（NavigationBar）的背景色可以通过多种方式实现，具体取决于目标环境和开发需求。 #### 1. 在应用层面动态设置导航栏背景色 在 Android 5.0（API 21）及以上版本中，可以通过代码动态设置导航栏的背景色。使用 `Window` 类的 `setNavigationBarColor` 方法可以实现这一功能： ```java getWindow().setNavigationBarColor(Color.BLUE); ``` 该方法直接设置导航栏的背景颜色值，适用于应用级别的颜色调整，但不适用于系统级别的修改[^1]。 #### 2. 修改系统源码实现全局导航栏背景色 如果需要对整个系统级别的导航栏背景色进行更改，则需要修改 SystemUI 模块的源码。具体来说，可以在以下文件中进行调整： - **`colors.xml`** 文件中定义导航栏的背景颜色： ```xml <color name="navigation_bar_background">#FF0000</color> ``` 该文件通常位于 `frameworks/base/packages/SystemUI/res/values/colors.xml`。 - **`styles.xml`** 文件中引用定义的颜色值以应用到导航栏主题： ```xml <style name="SystemBarTheme" parent="Theme.AppCompat.NoActionBar"> <item name="android:navigationBarColor">@color/navigation_bar_background</item> </style> ``` 该文件通常位于 `frameworks/base/packages/SystemUI/res/values/styles.xml`。 通过上述修改，可以实现对系统级别的导航栏背景颜色的定制。 #### 3. 支持深色和亮色模式下的颜色切换 如果系统支持深色和亮色模式，可以在 `colors.xml` 中分别定义对应的背景颜色值： ```xml <color name="light_navigation">#FF7FFFD4</color> <color name="dark_navigation">#FFEEDD82</color> ``` 然后在 `styles.xml` 中根据当前主题应用对应的颜色： ```xml <style name="SystemBarTheme.Light" parent="SystemBarTheme"> <item name="android:navigationBarColor">@color/light_navigation</item> </style> <style name="SystemBarTheme.Dark" parent="SystemBarTheme"> <item name="android:navigationBarColor">@color/dark_navigation</item> </style> ``` 这种方式可以实现不同主题下导航栏背景颜色的动态切换[^2]。 #### 4. 使用 `BottomNavigationView` 自定义应用内的底部导航栏 如果仅需修改应用内的底部导航栏（而非系统级别的导航栏），可以使用 `BottomNavigationView` 组件，并通过 XML 属性设置背景颜色： ```xml <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/custom_background_color" app:menu="@menu/menu_bottom_navigation" /> ``` 通过 `android:background` 属性可以直接指定背景颜色，适用于应用内的底部导航栏设计[^3]。 ###
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值