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

最新推荐文章于 2021-10-27 14:19:15 发布
最新推荐文章于 2021-10-27 14:19:15 发布
阅读量1.7k 收藏
点赞数
分类专栏： 菜鸟成长 文章标签： UINavigationBar setBackgroundImage view的起点 view的frame
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zskm001/article/details/54022492
版权

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

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

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

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

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

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

zskm001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ionic入门教程第九课-开始动手做项目吧！ion-nav-bar、ion-nav-buttons、ion-tabs
https://github.com/xiaohuoni
04-18 7878
前面说了八节课，又从框架上讨论ionic的，也有从代码结构上讨论的， 但是我仔细看了看，对于新手并没有真正的开始做项目，反而对那些对ionic有一定了解的朋友有一定的帮助。 所以我觉得从头开始带着大家完成一个比较完整的项目。 由于这是一个前端的教程，所以我只讲前端的内容。 UI是借用了福州知名的UI设计师唐力娜的设计，万分感谢。 接口的话，这次课程，为了让大家能够理解或者更为熟悉如何从服
导航条背景图
07-19
该资源与本人博客第二篇文章代码配合使用
导航栏背景图片
qq_16231975的专栏
05-03 560
iOS6： 非retina：320*44 retina   ：640*88 iOS7： retina  ：640*128
ios开发中导航栏背景的出图规格
liu537192的专栏
03-30 2125
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 852
//去掉背景图片     [self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];     //去掉底部线条     [self.navigationController.navigationBa
微信小程序 配置顶部导航条标题颜色的实现方法
08-29
此外，微信小程序配置顶部导航条标题颜色还需要注意的一点是，navigationBarTextStyle 参数仅支持黑色和白色两种颜色。如果需要使用其他颜色，可以使用 navigationBarBackgroundColor 参数来设置导航栏的背景颜色。 ...
ios-导航按钮切换控制器.zip
07-11
但要注意，过多的嵌套可能会导致用户界面复杂，影响用户体验。 10. **手势识别**: 导航控制器支持滑动手势，允许用户通过在屏幕边缘向左滑动来返回上一级。 综上所述，"ios-导航按钮切换控制器.zip"这个压缩包可能...
新旺铺 全屏大图1920轮播 20130508更新 v1.6.zip
07-11
通过CSS（层叠样式表）可以轻松实现这一点，设置导航条的背景色可以是纯色、渐变色或者图片，以增强与店铺整体风格的协调性。正确的背景颜色选择有助于提升店铺的专业感和视觉吸引力。 【新旺铺CSS自定义背景代码...
灰色大气的幻灯商务网站模板_灰色 大气 大图 导航 幻灯 商务 企业.zip
02-19
"大图"通常指的是网站的背景图像或者轮播幻灯片，它们能够吸引访客的注意力，通过高质量的视觉元素展示公司的产品或服务。这样的设计可以增加网站的吸引力，同时通过视觉故事讲述企业的价值主张。 "导航"是网站不可...
至少60种以上css经典导航菜单
09-01
8. **图片与图标**：在导航菜单中整合SVG图标或背景图片，可以增加菜单的可识别性。`background-image`和`content`伪元素可以实现这一点。 9. **浮动与清除**：在一些旧的布局方案中，`float`属性常被用来排列菜单...
更改导航栏的背景和文字Color
haiooh的博客
03-23 2525
更改导航栏的背景和文字Color 方法一： [objc] view plaincopy //set NavigationBar 背景颜色&title 颜色   [self.navigationController.navigationBar setBarTintColor:[UIColor colorWithRed:20/255.0 green:155/
IOS设置导航栏的背景图片和文字
A1521315qwss的博客
10-27 1398
IOS设置导航栏的背景图片 - (void)viewDidLoad { [super viewDidLoad]; [self.navigationBar setBackgroundImage:[UIImage imageNamed:@"NavBar64"] forBarMetrics:UIBarMetricsDefault]; } 以类是在UINavigationController 大背景下 的，如果在viewController下面，则需要 self.navXXX. 此方法只支持ios
tabbar修改背景点击换图 navbar修改背景
lhch的专栏
10-02 1039
@implementation MyNav  (一个合用navigationbar和tabbar的类) 修改tabbar的背景图片 Java代码   - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation   {       //
自定义导航栏背景图片和颜色
热门推荐
天行健
03-31 2万+
首先准备导航栏背景图片，大小 320x44, @2x文件大小640x88，iOS5以后更改背景图片较简单 UINavigationBar *navBar = self.navigationController.navigationBar; #define kSCNavBarImageTag 10 if ([navBar respondsToSelector
ios导航栏的背景图片设置
u011140147的专栏
04-03 7652
/*导航栏中背景图片的设置*/ //self.navigationController.navigationBar.tintColor=[UIColor colorWithPatternImage:[UIImage imageNamed:@"navbar2.png"]];  [self.navigationController.navigationBar setBackgroundI
去掉导航栏下面的一条黑线
x1198928367的博客
06-30 2257
[self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];     self.navigationController.navigationBar.shadowImage = [[UIImage alloc] ini
html导航栏背景图片
最新发布
07-13
在HTML中创建导航栏时，可以使用CSS来设置背景图片。以下是一个示例代码，展示如何使用背景图片来创建导航栏： HTML代码： ```html <nav class="navbar"> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于</a></li> <li><a href="#">服务</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> ``` CSS代码： ```css .navbar { background-image: url("导航栏背景图片路径"); background-repeat: no-repeat; background-size: cover; height: 50px; /* 根据需要设置导航栏的高度 */ } .navbar ul { list-style-type: none; margin: 0; padding: 0; } .navbar li { display: inline; } .navbar li a { display: inline-block; padding: 10px; color: #ffffff; /* 设置链接文本颜色 */ text-decoration: none; } ``` 在上面的代码中，你需要将"导航栏背景图片路径"替换为你自己的背景图片的URL或相对路径。其他样式可以根据需要进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值