关于导航栏背景图要注意的一点

最新推荐文章于 2021-05-26 01:49:39 发布

原创最新推荐文章于 2021-05-26 01:49:39 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UINavigationBar #setBackgroundImage #view的起点 #view的frame

菜鸟成长专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在iOS开发中为导航栏设置背景图时，可能导致界面元素位置偏移的问题。通过具体实例说明了背景图的设置如何影响视图的位置，并提供了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

和同事合作写项目，他设置了一下导航栏的背景图：

- (void)setBackgroundImage:(nullable UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics;

- (void)setBackgroundImage:(nullable UIImage *)backgroundImage forBarPosition:(UIBarPosition)barPosition barMetrics:(UIBarMetrics)barMetrics;

然后我写的界面位置就错了，错的都不是很严重，都往下错位了64px，原因当然是这句话。

网上查了下，stackoverflow上有人说，设置了背景图，导航栏就有高度了，view的起始位置就发生了变化，不知道是不是真的这样，官方文档上倒是没搜到，姑且这样记忆吧，还好记一点~~

总结一下：导航栏设置背景图，view的起始位置就不用加64了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zskm001

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ionic入门教程第九课-开始动手做项目吧！ion-nav-bar、ion-nav-buttons、ion-tabs

https://github.com/xiaohuoni

04-18

7994

前面说了八节课，又从框架上讨论ionic的，也有从代码结构上讨论的，但是我仔细看了看，对于新手并没有真正的开始做项目，反而对那些对ionic有一定了解的朋友有一定的帮助。所以我觉得从头开始带着大家完成一个比较完整的项目。由于这是一个前端的教程，所以我只讲前端的内容。 UI是借用了福州知名的UI设计师唐力娜的设计，万分感谢。接口的话，这次课程，为了让大家能够理解或者更为熟悉如何从服

android沉浸式状态栏图片背景,Android App 沉浸式状态栏解决方案

weixin_29496661的博客

05-26

1029

伴随着 Android 5.0 发布的 Material Design，让 Android 应用告别了以前的工程师审美，迎来了全新的界面，灵动的交互，也让越来越多的 App 开始遵从 material design 设计原则，不再是以前拿着iOS设计稿，做着Android开发。本文就其中的沉浸式状态栏这一特性，描述其兼容到4.4的实现，以及一些使用中的小细节。前言在4.4之前状态栏一直是黑色的，在...

参与评论您还未登录，请先登录后发表或查看评论

导航条背景图

07-19

该资源与本人博客第二篇文章代码配合使用

导航栏背景图片

qq_16231975的专栏

05-03

601

iOS6：非retina：320*44 retina ：640*88 iOS7： retina ：640*128

ios开发中导航栏背景的出图规格

liu537192的专栏

03-30

2177

1，ios6导航栏背景的出图规格：非retina(视网膜)屏幕：320 x 44 retina(视网膜)屏幕：640 x 88 注意：从iphone4开始就已经都是视网膜屏幕 2，ios7导航栏背景的出图规格： retina(视网膜)屏幕：640 x 128 为什么是这样呢？因为ios6中导航栏的高度是44，导航栏上面20的高度是属于状态栏； ios

iOS去掉导航栏背景图片和底部线

ZZQCSN的博客

01-29

908

//去掉背景图片 [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault]; //去掉底部线条 [self.navigationController.navigationBa

android底部导航栏点击凸起,Android选中突出背景效果的底部导航栏功能

weixin_29525745的博客

05-26

1861

今天在群里看到一个底部导航选中突出效果像这样就想着这个应该怎么做呢，我记得类似咸鱼那种的是中间突出，不像这种是选中哪个，哪个就突出第一种方法简单快捷，让UI帮忙切几张带突出背景的图片，选中切换图片简单粗暴在群里找小伙伴要了UI的切图一看给的6张图片一样大小，也不带突出背景于是想着有没有第二种方法实现百度了许久也许是我找的方法不对，也许是大家都没遇到这样的UI。怎么办，自己想想，静下心来看UI效...

android自定义底部中间突出导航栏,Android选中突出背景效果的底部导航栏功能

weixin_42124743的博客

05-25

1468

微信小程序配置顶部导航条标题颜色的实现方法

08-29

此外，微信小程序配置顶部导航条标题颜色还需要注意的一点是，navigationBarTextStyle 参数仅支持黑色和白色两种颜色。如果需要使用其他颜色，可以使用 navigationBarBackgroundColor 参数来设置导航栏的背景颜色。 ...

使用CSS3制作倾斜导航条和毛玻璃效果

09-27

在设置z-index为负值（-1）的情况下，伪元素会被放置在父元素的后面，因此背景图会出现在整个导航条的后面。为了确保点击导航条内部时背景能随着导航条的变换而变换，我们需要在:hover伪类中对背景进行调整。接着...

更改导航栏的背景和文字Color

haiooh的博客

03-23

2601

更改导航栏的背景和文字Color 方法一： [objc] view plaincopy //set NavigationBar 背景颜色&title 颜色 [self.navigationController.navigationBar setBarTintColor:[UIColor colorWithRed:20/255.0 green:155/

ios 的navigationBar设置backgroundImage填充不满的问题

ForeverMyheart的博客

04-25

2410

设置背景图的时候发现在plus手机上没有填充满导航栏，后来设置了 UIImage的这个属性，问题解决了 UIImage *navImg =[UIImage imageNamed:@"bluenav"]; navImg = [navImg resizableImageWithCapInsets:UIEdgeInsetsZero resizingMode:UIImageResi...

navigationBar setBackgroundImage和setBarTintColor区别

追梦

07-15

4660

在处理导航要不要透明时发现了下面的问题， [nav.navigationBar setBackgroundImage:[UIImage imageNamed:@"bt_green.png"] forBarMetrics:UIBarMetricsDefault];用这个来跑的效果是在Xib里UI不用+64像素， [nav.navigationBar setBarTintColor:[C

iOS - 更改NavigationBar背景图片 - 图片水平重复问题

12-30

184

当使用函数 - (void)setBackgroundImage:(nullable UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics 给导航条设置背景图片时，如果传入的图片不通过处理，会导致在6和6s里出现图片水平方向重复的问题（图片本身宽度不够的情况下）解决方法：对传入的图片进行处理...

【IOS 开发学习总结-OC-54】★★ios开发UI 控件——UINavigationBar 与UINavigationController

Albert的专栏

10-18

2055

【IOS 开发学习总结-OC-54】★★ios开发UI 控件——UINavigationBar 与UINavigationControllerUINavigationController是个控制器,用户交互行为主要靠UINavigationBar来完成。UINavigationBarUINavigationBar——通常位于屏幕顶端,继承了 UIView 控件,通常只是作为多个UINavigatio

设置透明导航栏

weixin_33724059的博客

04-07

114

2019独角兽企业重金招聘Python工程师标准>>> ...

UINavigationBar 的详解（基于 API）

weixin_33882443的博客

01-02

301

UINavigationBar是什么？一个支持分层内容导航的视觉控件，最常用于导航控制器。基本组成 UINavigationBar对象是一个bar，通常显示在窗口的顶部，包含用于在屏幕层次结构中导航的按钮。主要组件：左（返回）按钮，中心标题和可选的右按钮。（下图所示） UINavigationBar外观的定制 UINavigationBar的外观包括背景颜色，背景图片，文字颜色，按钮文字...

导航栏边线及背景图片设置

zyk_ios的博客

12-22

1040

self.navigationController.navigationBar.shadowImage = [[UIImage alloc] init]; [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetrics

iOS平台的自定义导航栏实现教程

在iOS应用开发中，导航栏（UINavigationBar）是用于引导用户在应用内进行流程导航的一个重要组件。默认情况下，系统提供的导航栏已经具备了基本的功能和样式。但是，在某些情况下，我们可能需要对导航栏进行自定义，...