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

最新推荐文章于 2023-07-20 10:33:00 发布
最新推荐文章于 2023-07-20 10:33:00 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ningningdashen/article/details/96282193

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 3188
一定要设置，不然页面会出现一个原生的导航栏，一个自定义的// app.json文件此处选择在app.js文件（小程序启动时）计算并存储在全局变量中// 获取系统信息// 胶囊按钮位置信息// 导航栏高度 = 状态栏高度 + 44。
iOS 13 navigationBar的背景色失效
same_life的博客
06-16 2837
升级到iOS 13 NavigationBar 设置背景色失效
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 1591
自定义navigationbar背景图片
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
10-16
本篇文章将详细介绍如何实现微信小程序自定义头部导航栏和导航栏背景图片，以及处理与`navigationStyle`相关的技术问题。 首先，微信小程序提供了`navigationStyle`属性，允许开发者禁用默认的导航栏并自定义样式。...
IOS UITableView和NavigationBar的常用设置详解
08-30
- `backgroundView` 可以自定义表格的背景视图，你可以添加一个包含图片的UIImageView来改变背景。 2. **Cell的基本设置**： - `accessoryType` 设置为`UITableViewCellAccessoryDisclosureIndicator`会显示一个...
ios-滑动放大图片，显示navigationBar.zip
07-11
标题"ios-滑动放大图片，显示navigationBar.zip"所描述的功能，就是一种典型的用户体验设计，它涉及到滚动视图、导航栏（navigationBar）的动态显示和隐藏，以及分段控制器（Segment Control）的应用。 首先，我们...
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 2405
设置背景图的时候发现在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...
微信小程序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、付费专栏及课程。

余额充值