开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

NavigationBar backgroundColor不着色状态栏背景

是指在移动应用程序中，导航栏的背景颜色不会影响状态栏的背景颜色。状态栏是位于导航栏上方的区域，通常用于显示时间、电池电量等系统信息。

在移动应用开发中，可以通过设置导航栏的背景颜色来改变其外观。然而，有时候我们希望导航栏的背景颜色与状态栏的背景颜色保持独立，即导航栏的背景颜色不会延伸到状态栏的区域。

这种情况下，可以通过以下方式实现NavigationBar backgroundColor不着色状态栏背景：

使用透明导航栏：将导航栏的背景颜色设置为透明，可以让状态栏的背景颜色显示出来。在前端开发中，可以使用CSS样式来设置导航栏的背景颜色为透明。
使用系统提供的API：在移动应用开发中，可以使用相应平台提供的API来控制导航栏和状态栏的外观。例如，在iOS开发中，可以使用UINavigationBar类和UIStatusBar类来分别设置导航栏和状态栏的外观。

应用场景：

当应用程序需要在导航栏和状态栏之间有明显的分隔时，可以使用NavigationBar backgroundColor不着色状态栏背景。这样可以使用户清晰地区分导航栏和状态栏的功能和信息。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动应用开发平台：https://cloud.tencent.com/product/madp
腾讯云移动推送服务：https://cloud.tencent.com/product/tpns
腾讯云移动分析服务：https://cloud.tencent.com/product/mga
腾讯云移动测试服务：https://cloud.tencent.com/product/mts

相关搜索:在没有navigationBar的情况下更改状态栏backgroundColor (iOS 13)按行高亮显示工具提示背景(不设置backgroundColor = null)双十二X-P2P哪里买好双十二视频P2P加速哪里买好双十二P2P内容分发网络哪里买好双十二无服务器计算服务哪里买好双十二高级视频处理方案哪里买好双十二互动直播哪里买好双十二手机直播哪里买好双十二在线视频剪辑哪里买好

相关搜索:

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

有帮助

没帮助

相关·内容

iOS状态栏设置

状态栏配置 iOS状态栏的设置有两种方式这两种方式是根据UIViewControllerBasedStatusBarAppearance也就是View controller-based status...改变方法有两种系统提供的方法 navigationBar的setBarTintColor接口，用此接口也会改变statusBar的背景色注意：一旦你设置了navigationBar的- (void...statusBar的颜色在navigationBar上addSubView该UIView即可 UINavigationBar设置上面说了状态栏 这里顺便把UINavigationBar也说了我的配置...（不透明时没用,因为barTintColor在backgroundColor的上一层） appear.backgroundColor = UIColor(red: 52/255, green: 146/...下的黑线，会导致状态栏颜色与navigationBar的背景色不同，暂没找到好的解决方法 6) 设置navigationBar背景透明的方式跟去黑线的方式相同

2.6K1 1

iOS导航栏基础效果配置

= [UIColor blueColor]; 复制代码背景色 //注意上层有毛玻璃遮挡 self.navigationController.navigationBar.backgroundColor...= [UIColor blueColor]; 复制代码背景图 [self.navigationController.navigationBar setBackgroundImage:[UIImage...imageNamed:@"Background"] forBarMetrics:UIBarMetricsDefault]; 复制代码 状态栏字体颜色和隐藏在iOS7之前 [[UIApplication...侧滑手势失效的问题 self.navigationController.interactivePopGestureRecognizer.delegate = (id)self; // 控制手势在根控制器时不触发...方法二 UIButton* leftButton = [UIButton buttonWithType:UIButtonTypeSystem]; leftButton.backgroundColor

1.5K1 0

NavigationBar&tabBar调色那些事儿1. 导航栏调色那些事儿2. 标签栏TableBar那些事儿

导航栏调色那些事儿小规律：要设置内容，全找item 要修改颜色及文字属性，找bar 1.1 改变 NavigationBar 的背景颜色 [UINavigationBar appearance].barTintColor...= [UIColor blueColor]; //如果使用的是backgroundColor，就会自带毛玻璃效果 self.navigationBar.backgroundColor = [UIcolor...下方的阴影 iOS 7 NavigationBar的下方默认是有一条阴影的，如果想要 NavigationBar 和下面内容的背景颜色融为一体的话，就要去掉这个阴影。...这张背景图片系统默认的高度是64 [self.navigationBar setBackgoundImage:[UIImage imageNamed:@"navBar"] forBarMetrics...:UIBarMetricsDefault]; 1.8 导航栏的半透明效果如果设置成NO，tableView就从状态栏下面开始。

1.5K5 0

【iOS开发-22】navigationBar导航栏，navigationItem建立：获取导航栏中的基本文本和button以及各种跳跃

当然navigationBar他还是很物业。让我们风格barStyle、背景backgroundColor、frame属性（能够获取宽高这些信息）。...还能够用setBackgroundImage方法设置背景图片。当然图片多了能够使用clipsToBounds剪裁。（2）但。...; //设置导航条背景颜色，也是半透明玻璃状的颜色效果 self.navigationController.navigationBar.backgroundColor=[UIColor...当中上面20就是留给状态栏的高度 NSLog(@"%f",self.navigationController.navigationBar.frame.origin.y); //...，在状态栏下方显示 //clipsToBounds就是把多余的图片裁剪掉 self.navigationController.navigationBar.clipsToBounds=YES

2.2K1 0

iOS小技能：设置状态栏背景颜色(图片)

引言设置状态栏背景颜色的解决方案：使用新的API 【statusBarManager】通过安全区域高度判断是否IphoneX之后的机型：if ([UIApplication sharedApplication...].delegate.window.safeAreaInsets.bottom > 0) I 状态栏背景颜色的适配方案问题 [Bugly] Trapped uncaught exception '...navView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, kWidth, kStatusBarHeight)]; 2.2 应用场景2：设置状态栏背景图片.../** 用于设置状态栏的背景图片 */ @property (weak, nonatomic) UIButton *imgLable; - (UIButton *)imgLable{...NSLog(@"状态栏高度：%f",statusHeight); //获取导航栏的高度 CGFloat navHeight = self.navigationController.navigationBar.frame.size.height

1.8K4 0

iOS13以上导航栏状态栏黑色渐变问题解决

问题最近接手一个老项目，发现每次push一个新VC，导航栏状态栏都默认为黑色，并且在滚动的过程中渐变成白色，到处搜索都没定位到哪里配置了backgroundColor = blackColor 解决方案...appearance = [UINavigationBarAppearance new]; [appearance configureWithOpaqueBackground];//重置导航栏背景颜色和阴影...appearance.backgroundColor = [UIColor whiteColor]; // appearance.shadowImage = [UIImage...new]; // appearance.shadowColor = nil; self.navigationController.navigationBar.standardAppearance...= appearance; self.navigationController.navigationBar.scrollEdgeAppearance = appearance;

7042 0

iPhoneX 适配实践

4、不要刻意遮挡和和引导屏幕的关键位置，比如用纯黑色的navigationbar和toolbar遮住上下区域，或者用闪亮的背景强调底部指示器区域。...顶部区域包括导航栏、状态栏或者传感器区域，底部区域包含Tabbar、工具栏或者home键指示器区域。...UINavigationBar *navigationBar = [[UINavigationBar alloc] initWithFrame:CGRectZero]; navigationBar.backgroundColor...constraintEqualToConstant:44]; [NSLayoutConstraint activateConstraints:@[left, right, top, height]]; } 导航栏背景未扩展到状态栏...解决方案：系统的UIToolBar会自动扩展背景颜色到底部，可以让Custombar继承UIToolBar，或者直接放置一个ToolBar的在底部当做背景也是可以的。注意高度不能超过48，否则失效。

3.6K4 1

iOS常用代码段

（不透明时没用,因为barTintColor在backgroundColor的上一层） appear.backgroundColor = UIColor(red: 253/255, green: 150...的样式那么全局设置就不生效设置状态栏 iOS9以下 Info.plist添加两个配置项 View controller-based status bar appearance 设置为 NO Status...添加两个配置项 View controller-based status bar appearance 设置为 YES //navigationController管理的页面 //这样是设置是为了让状态栏文字变成白色...搜索的时候navigationController会逐渐缩小背景的黑色就会显示出来，解决方法就是修改navigationController的view的背景色 self.navigationController...navigationBar.translucent = false; self.navigationController?.

7662 0

iOS状态栏使用总结

//状态栏和导航栏背景色为白色，状态栏文字为黑色 self.navigationController.navigationBar.barStyle = UIBarStyleDefault; //状态栏和导航栏背景色为黑色...，状态栏文字为白色 self.navigationController.navigationBar.barStyle = UIBarStyleBlack; 三、设置状态栏背景色 iOS7之后的状态栏和导航栏融合在一块...，所以默认情况下，状态栏都是跟随导航栏背景色的变化而变化。...所以我们可以通过改变导航栏来修改状态栏背景色： //设置状态栏与到导航栏都是不透明 self.navigationController.navigationBar.translucent = NO; /.../设置状态栏与到导航栏背景色都是橙色 [self.navigationController.navigationBar setBarTintColor:[UIColor orangeColor]]; 当然

1.9K3 0

iOS15适配

(UIColor.clear.image, for: .default) // 导航栏背景，主题色是绿色 navigationBar.barTintColor = UIColor.theme // 默认不透明...navigationBar.isTranslucent = false // 着色，让返回按钮图片渲染为白色 navigationBar.tintColor = UIColor.white // 导航栏文字...= UIColor.theme // 设置导航栏背景色 app.shadowImage = UIColor.clear.image // 设置导航栏下边界分割线透明 navigationBar.scrollEdgeAppearance...UITabbar tabbar的问题和navigationBar的问题属于同一类，tabbar背景颜色设置失效，字体设置失效，阴影设置失效问题旧代码 ...... self.tabBar.backgroundImage...首先是背景色设置失效，让我就想到了navigationbar的问题，所以没有查api了直接用UITabBarAppearance来设置，新代码 ...... if #available(iOS 15

2.3K3 0

谈谈StatusBar相关的东西

override func viewDidLoad() { super.viewDidLoad() self.view.backgroundColor = .purple...let btn = UIButton.init(frame: CGRect(x: 100, y: 100, width: 100, height: 50)) btn.backgroundColor...因为此时状态栏的样式是根据导航栏的样式来自动变换的。...navigationBar { if navigationBar.barStyle == .default { navigationBar.barStyle =...注意：上面的条件都是在info.pllist 设置 UIViewControllerBasedStatusBarAppearance 或者不设置的情况下(跟true

5272 0

UINavigationBar的用法

设置导航栏的标题这个直接是很简单的设置，一行代码搞定 self.navigationItem.title = @"导航栏标题"; 设置导航栏背景颜色导航栏的背景颜色，也是很简单的自己替换代码中的颜色即可...self.navigationBar.barTintColor =[UIColor blackColor]; 设置导航栏的背景图片这里虽然一行代码很简单，但是要来简单的说一下BarMetrics这个枚举值...，一个是白色用于深色背景设置返回按钮有时候我们会发现，我们设置的返回按钮都是蓝色的默认颜色，那么到底该怎么更改这些按钮的颜色呢设置返回按钮的颜色，只设置tintColor的颜色就好了 self.navigationController.navigationBar.tintColor...特别的解释下UIImage的imageWithRenderingMode:方法，参数UIImageRenderingModeAlwaysOriginal 表示总是用原图渲染，如果不这么设置，返回按钮将会显示..., 60, 40)]; UIButton* leftButton = [UIButton buttonWithType:UIButtonTypeSystem]; leftButton.backgroundColor

2K2 0

uni-app小程序开发-组件

这就导致不同型号的手机的状态栏的高度是不一样的，导致实际效果并不好。导航栏在不同的型号上是不受影响的都是44px。..."navigationBarBackgroundColor": "#ffffff", //#endif "navigationBarTitleText": "", "backgroundColor...状态栏占位组件 状态栏我们可能每个页面都用，为了方便，我们可以定义为组件。.../z-navigationbar.vue 页面

821 0

iOS导航栏使用总结

目录：一、设置导航栏样式二、解决自定义导航栏返回按钮后侧滑不可用问题三、隐藏导航栏底部的分割线四、导航栏引起的布局问题相关文章：iOS状态栏的使用总结一、设置导航栏样式设置导航栏的样式可分为全局设置与局部设置...； 1.全局设置全局设置一般的都是在AppDelegate中设置，这样整个app都会生效，相关的代码与效果图如下： //1.设置导航栏背景颜色 [[UINavigationBar appearance...animated]; self.navBarBottomImage.hidden = NO; } //第二步：添加用于获取导航栏分割线的方法 //导航栏底部分割线是一个UIImageView,且高度不超过...[UITextView alloc] init]; leftTextView.frame = CGRectMake(0, 0,100, kDeviceHeight); // leftTextView.backgroundColor...内容被导航栏部分覆盖 UIView *rightView= [[UIView alloc] initWithFrame:CGRectMake(150, 0, 100, 100)]; rightView.backgroundColor

3.2K2 0

android 设置标题栏背景颜色_状态栏菜单栏都在哪

一个Activity包含多个Fragment切换时，不同的Fragment的状态栏背景，状态栏文字颜色和图标要求不一样怎么实现？ 3....实现秀明状态栏常规方法 protected boolean useThemestatusBarColor = false;//是否使用特殊的标题栏背景颜色，android5.0以上可以设置状态栏背景色，...，状态栏悬浮于视图之上 View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR 是从 API 23开始启用，实现效果：设置状态栏图标和状态栏文字颜色为深色，为适应状态栏背景为浅色调...同时不使用android:fitsSystemWindows属性，怎么让布局不遮挡状态栏文字，解决办法见第4章节。 3....视图布局位于占空布局下方，从而达到视图布局不遮挡状态栏效果。

2.2K1 0

实践－小效果 Ⅰ

他背后是有一张类型为_UINavigationBarBackground(UIImageView的子类)的视图，我们平时看到的大部分其实都是它，第二个箭头那里的ImageView就是那根细线,他是加在我们背景的....center的设置很重要，不管是使用 viewPlay[i].bounds 还是 viewPlay[i].frame 都需要设置，是因为系统自带的旋转是按照一段弧形的轨迹而不是中心点旋转，如果不设置...CleandarCollectionViewCell"fo rIndexPath:indexPath]; cell.imgV.image= [UIImageimageNamed:@"add_photo"]; cell.backgroundColor...：相信细心的朋友会发现，状态栏是动态隐藏了，可是由于缺少状态栏的20像素，造成了背部的视图整体上移了20像素，我使用的是系统自带的导航栏，也尝试了动态增加导航栏的高度从44...- (BOOL)prefersStatusBarHidden { return YES; } 就可以达到动态隐藏和显示状态栏的目的。

1.1K3 0

关于刘海打理这种事儿，美团点评的iOS工程师早就有经验了，不信你看！

iPhone X 为用户在垂直空间上提供了更多展示余地，且状态栏中也包含了用户需要知道的信息，除非能通过隐藏状态栏带给用户额外的价值，否则苹果建议大家将状态栏还给用户。"...图2.6 iPhone X 的 Home Indicator 区域 “如果你的底部是 TabBar，那么 Home Indicator 背景会来自于 TabBar 背景的延伸，如果我们是一个 feed...所以苹果不建议我们的 UI 元素过于靠近这部分区域。 ?...最佳方案是：改变 UITableViewHeaderFooterView.backgroundView 的 backgroundColor。 ? ?...图4.1 iOS 11 之后的 NavigationBar ?

2.1K7 0

iOS各View的属性设置

UILabel UITableView 背景色 tableView.backgroundColor = UIColor(hexString: "#f3f3f3", alpha: 0.6); 分割线 tableView.separatorStyle...设置bar的颜色 appear.barTintColor = UIColor(red: 39/255, green: 157/255, blue: 244/255, alpha: 1.0); //设置背景色...（不透明时没用,因为barTintColor在backgroundColor的上一层） appear.backgroundColor = UIColor(red: 39/255, green: 157/...= dict; 设置透明(Swift) 后两句是核心 //设置Navigationbar self.navigationController.navigationBar.barStyle = UIBarStyle.BlackTranslucent...; self.navigationController.navigationBar.tintColor = UIColor.whiteColor(); self.navigationController.navigationBar.setBackgroundImage

1.4K2 0

iOS项目常用配置项

LaunchScreen.storyboard和Main.storyboard LaunchScreen.storyboard是闪屏加载后才会执行AppDelegate的回调 Main.storyboard是默认闪屏后的主页我不建议开发用...backgroundColor = UIColor.white; let appear = UINavigationBar.appearance(); appear.isTranslucent...appear.tintColor = UIColor.white; //设置bar的颜色 appear.barTintColor = ZJColor.mainColor; //设置背景色...（不透明时没用,因为barTintColor在backgroundColor的上一层） appear.backgroundColor = ZJColor.mainColor; //去掉navigationBar...-> Build Settings 搜索 swift 找到Objective-C Bridging Header 设置值为$(SWIFT_MODULE_NAME)/Bridge-Header.h 设置状态栏颜色

9703 0

React Native实现自定义顶部导航栏

0 : 20; //状态栏的高度 const StatusBarShape = { //设置状态栏所接受的属性 barStyle: PropTypes.oneOf(['light-content...', 'default']), hidden: PropTypes.bool, backgroundColor: PropTypes.string, }; export const NAVIGATION_BAR_HEIGHT...= NAV_BAR_HEIGHT + STATUS_BAR_HEIGHT; export default class NavigationBar extends Component { //提供属性的类型检查...data : null}; } } const styles = StyleSheet.create({ container: { backgroundColor: '#2196f3

1.4K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭