给navigationbar设置背景图片，并且按比例延伸，显示完整图片

最新推荐文章于 2023-07-20 10:33:00 发布
原创 最新推荐文章于 2023-07-20 10:33:00 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

oc :

//按比例显示图片 
UIImage *backGroundImage = [UIImage imageNamed:@”NavigationBar”]; 
backGroundImage = [backGroundImage resizableImageWithCapInsets:UIEdgeInsetsZero resizingMode:UIImageResizingModeStretch]; 
[self.navigationController.navigationBar setBackgroundImage:backGroundImage forBarMetrics:UIBarMetricsDefault];

swift:

var image = UIImage()

        image = UIImage.init(named: "NavigationBar")!

        //这句话按照比例延伸，显示完整图片

        image = image.resizableImage(withCapInsets: UIEdgeInsets.zero, resizingMode: UIImage.ResizingMode.stretch)

        navigationBar.setBackgroundImage(image, for: .default)

微信小程序自定义navigationBar顶部导航栏(背景图片)适配所有机型，使用tdesign-miniprogram t-navbar设置背景图片
qq_32849999的博客
09-20 3178
一定要设置，不然页面会出现一个原生的导航栏，一个自定义的// app.json文件此处选择在app.js文件（小程序启动时）计算并存储在全局变量中// 获取系统信息// 胶囊按钮位置信息// 导航栏高度 = 状态栏高度 + 44。
微信小程序 自定义头部导航栏和导航栏背景图片 navigationStyle
weixin_30426957的博客
07-26 4228
​ 这两天因为要做一个带背景的小程序头，哭了，小程序导航栏有背景也就算了，还得让导航栏上的背景顺下来，心态小崩。现在可以单独设置一个页面的小程序头了，但是前提是要微信7.0以上的版本，考虑到兼容性问题，还是不要贸然的上了，所以用老版本的替换所有页面的小程序头来做。 ​ 参考了jiuyucha的文章,但是没有解决自定义背景的和返回按钮的颜色的问题，还有因为IOS的橡皮筋效果，对IOS端不太...
navigationBar设置setBackgroundImage:时控制器向下偏移
JWheat的博客
05-12 850
一、背景 使用下面的方法设置navigationBar不会有问题 self.navigationController.navigationBar.backgroundColor = [UIColor redColor]; self.navigationController.navigationBar.tintColor = [UIColor purpleColor]; 但是使用下面的方法，暗黑模式下会往下偏移64，，但是正常模式不会偏移 [self.navigationContro..
给navigationbar设置背景图片，并且按比例延伸，显示完整图片。
曾三岁
07-25 2358
//按比例显示图片 UIImage *backGroundImage = [UIImage imageNamed:@”titleImage”]; backGroundImage = [backGroundImage resizableImageWithCapInsets:UIEdgeInsetsZero resizingMode:UIImageResizingModeStretc
自定义navigationbar背景图片
禚来强(亿刀) 的iphone开发专栏--我们 一群 热爱 移动开发，如果你也是，就加入我们。
04-30 1590
自定义navigationbar背景图片
iOS 对iPhone X XS XR XS MAX适配
王颜华的博客
11-15 4110
  勇~敢~的小伙伴儿们，你们好，其实我本来不打算写关于iPhone X的适配的，虽然我已经做好了我们App对于iPhone X的适配，但是真的觉的很鸡肋，可是iPhone X的真机我在前几天感受了一下，发现终究是逃不了适配这条路，还是写了这篇文章，哎， 以后苹果会不会把这刘海给去掉啊，真的好别扭，我真的觉得iPhone X 好丑，在此立个flag，希望以后能回来打自己脸。嗯就这样。 【20...
【问题解决全攻略】：细节决定成败，iPhone X适配细节全解析（专业版）
随着iPhone X的发布，其独特的刘海屏设计和高屏幕分辨率给开发者带来了新的适配挑战。本文详细介绍了iPhone X屏幕适配的基础知识，原理和用户界面元素的适配方法。文章深入探讨了屏幕布局适配技术，包括Auto Layout...
ios15开发---navigationBar setBackgroundImage设置导航栏背景图片失效
qq_43515884的博客
07-20 724
当在导航栏页面中存在scroller这种可以滚动的控件时，滑动页面时背景图片会显示，回到顶部又消失了；
navigationBar setBackgroundImage和setBarTintColor区别
追梦
07-15 4657
在处理导航要不要透明时发现了下面的问题， [nav.navigationBar setBackgroundImage:[UIImage imageNamed:@"bt_green.png"] forBarMetrics:UIBarMetricsDefault];用这个来跑的效果是在Xib里UI不用+64像素， [nav.navigationBar setBarTintColor:[C
在ios中设置UINavigationBar的背景…
u010912122的专栏
10-17 922
学习改变UINavigationBar的颜色，让应用界面变得更漂亮。 UINavigationController* nav = [[UINavigationController alloc] init]; self.navigationBar.tintColor = [UIColor blackColor]; //设置navigationbar为半透明状   _myNav.navigation
ios 的navigationBar设置backgroundImage填充不满的问题
ForeverMyheart的博客
04-25 2403
设置背景图的时候发现在plus手机上没有填充满导航栏，后来设置了 UIImage的这个属性，问题解决了 UIImage *navImg =[UIImage imageNamed:@"bluenav"]; navImg = [navImg resizableImageWithCapInsets:UIEdgeInsetsZero resizingMode:UIImageResi...
设置Navigation Bar背景图片
苹果园
11-21 643
UIImage *title_bg = [UIImage imageNamed:@"图片名"]; [self.navigationController.navigationBar setBackgroundImage:title_bg forBarMetrics:UIBarMetricsDefault];
iOS-设置navibar背景图片
sports2000的博客
01-21 359
IImage *navBackImg = [[UIImage imageNamed:@"nav_bg.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)]; [[UINavigationBar appearance] setBackgroundImage:navBackImg forBarMetrics:UIBarMetric
ios - UINavigationBar添加背景图片的几种简单思路
wyz670083956的博客
04-15 1355
UITabBarController下面常常需要为多个ViewController设置导航栏样式，总结了一下遇到过的为UINavigationBar添加背景图片的几种简单思路 以设置背景图片为例： 第一种，直接在视图里面单独设置每个视图的UINavigationBar，适合每个页面需要不同的导航栏样式。 [self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"nav_bg_all-64"]...
关于NavigationBar背景图片和颜色的设置
lqk的博客
04-01 892
设置navigation  的背景颜色 self.navigationController.navigationBar.barTintColor = [UIColor colorWithRed:98.0/255.0 green:165.0/255.0 blue:0/255.0 alpha:1.0]; 第一种：直接在你的UIViewController中设置 /
iOS开发备忘录：自定义UINavigationBar背景图片和Back按钮
weixin_30588907的博客
09-04 171
iOS项目，根据设计图，有时需要自定义UIView的UINavigationBar的背景。可以切出来一张1像素左右的背景图片，来充当UINavigationBar的背景。 可以利用NavigationBar的- (void)setBackgroundImage:(UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics方法将...
UINavigationBar的translucent、barTintColor、backgroundImage
君强的技术博客
12-12 1695
  | 导语 为了方便探讨，我把通过setBackgroundImage: forBarPosition: barMetrics:方法设置的image称为backgroundImage translucent、barTintColor、backgroundImage三者共同决定了UINavigationBar的背景效果，而translucent在中间起非常关键的作用，它决定了系统如何使用bar...
自定义UINavigationBar背景图片和颜色
曲奇
04-05 3364
首先准备导航栏背景图片，大小 320x44, @2x文件大小640x88，iOS5以后更改背景图片较简单 UINavigationBar *navBar = self.navigationController.navigationBar;   #define kSCNavBarImageTag 10 if ([navBar respondsToSelector:@selector
微信小程序navigationBar如何设置背景颜色
最新发布
03-19
<think>好的，用户想知道如何在微信小程序中设置navigationBar的背景颜色。首先，我需要回忆一下微信小程序的文档。记得navigationBar的样式是在app.json的window对象里配置的，其中有一个属性是navigationBarBackgroundColor。 嗯，对的，这个属性用来设置导航栏的背景颜色，颜色值应该用十六进制表示，比如#000000或者#FF0000这样的格式。不过，用户可能不太清楚具体的步骤，所以我需要一步步说明。 首先，用户需要打开app.json文件。如果没有的话，可能需要新建一个。然后在window对象中添加navigationBarBackgroundColor属性，并赋予颜色值。举个例子，比如设置成红色，就写成#FF0000。同时，可能还要注意其他相关属性，比如navigationBarTextStyle，用来设置标题颜色，只能是black或white，确保文字可见。 另外，用户可能想单独给某个页面设置不同的颜色，这时候可以在对应页面的json文件里配置，覆盖全局的设置。需要提醒用户注意页面json文件中只能设置本页面的样式，并且要遵循同样的属性名。 还要检查用户的小程序基础库版本是否支持，虽然这个属性应该是比较基础的，不会有兼容性问题。不过，为了稳妥，还是建议用户测试不同的设备和版本。 最后，可能用户会遇到设置不生效的情况，这时候需要检查拼写错误，或者是否正确在app.json里配置，或者是否有其他配置覆盖了颜色设置。可能还需要提醒用户清除缓存重新编译，有时候缓存会导致样式没更新。 总结一下，步骤应该是：1. 在app.json的window中设置navigationBarBackgroundColor；2. 可选在页面json中覆盖；3. 注意颜色格式和文字颜色对比；4. 测试和排查常见问题。这样用户就能顺利设置导航栏背景色了。</think>要设置微信小程序的导航栏（navigationBar）背景颜色，可以通过以下步骤实现： --- ### 步骤 1：全局设置（适用于所有页面） 在 **`app.json`** 文件中配置 `window` 对象的 `navigationBarBackgroundColor` 属性： ```json { "window": { "navigationBarBackgroundColor": "#FF0000", // 使用十六进制颜色值 "navigationBarTitleText": "我的小程序", "navigationBarTextStyle": "white" // 标题颜色（仅支持 black/white） } } ``` --- ### 步骤 2：单页面设置（覆盖全局配置） 在 **当前页面的 `.json` 文件** 中单独配置： ```json { "navigationBarBackgroundColor": "#00FF00", // 覆盖全局颜色 "navigationBarTitleText": "当前页面", "navigationBarTextStyle": "black" } ``` --- ### 关键细节 1. **颜色格式** 必须使用 **十六进制颜色值**（如 `#FF0000`），不支持 RGB（如 `rgb(255,0,0)`）或颜色名称（如 `red`）。 2. **兼容性** 此属性全版本支持，无需担心兼容性问题。 3. **动态修改** 若需运行时动态修改颜色，可通过 `wx.setNavigationBarColor` API 实现： ```javascript wx.setNavigationBarColor({ frontColor: "#ffffff", // 标题颜色（仅支持 #000000 和 #ffffff） backgroundColor: "#0000FF", // 背景颜色 }); ``` --- ### 常见问题 - **设置无效？** - 检查 JSON 语法（如逗号、引号是否正确）。 - 确保颜色值为十六进制格式。 - 页面级配置需放在对应页面的 `.json` 文件中。 - **动态修改限制** `wx.setNavigationBarColor` 的 `frontColor` 参数仅支持黑白两色。 --- 通过以上方法，即可灵活控制小程序导航栏的背景颜色。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值