如何修改NavigationController内容视图宽度且不影响NavigationBar

当然可行！我之前做项目的时候刚好碰过类似的需求，给你分享两个实操性很强的实现思路：

思路一：自定义固定宽度的过渡条视图 #

直接在UINavigationBar底部添加一个独立的自定义视图，把它的宽度设为你想要的固定值，同时让导航栏本身随屏幕方向自动铺满全屏。这样横屏时导航栏撑满屏幕，过渡条保持固定宽度居中显示。

具体代码示例（Swift）：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 获取导航栏
    guard let navBar = navigationController?.navigationBar else { return }
    
    // 创建过渡条
    let transitionBar = UIView()
    transitionBar.backgroundColor = .systemGray5 // 替换成你需要的过渡区域颜色
    transitionBar.translatesAutoresizingMaskIntoConstraints = false
    navBar.addSubview(transitionBar)
    
    // 设置约束：固定高度、固定宽度，水平居中，底部对齐导航栏
    NSLayoutConstraint.activate([
        transitionBar.heightAnchor.constraint(equalToConstant: 2), // 过渡条高度
        transitionBar.widthAnchor.constraint(equalToConstant: 375), // 固定宽度（比如竖屏时的屏幕宽度）
        transitionBar.centerXAnchor.constraint(equalTo: navBar.centerXAnchor),
        transitionBar.bottomAnchor.constraint(equalTo: navBar.bottomAnchor)
    ])
    
    // 确保导航栏铺满全屏（默认就会，但如果之前有自定义布局可以加上）
    navBar.prefersLargeTitles = false // 根据你的需求调整
    navBar.isTranslucent = false // 如果需要不透明背景
}

思路二：替换系统导航栏阴影为固定宽度自定义阴影 #

如果你的“过渡区域”指的是导航栏下方的系统阴影，那可以先隐藏系统自带的阴影，然后添加一个固定宽度的自定义阴影视图，效果完全符合你的需求：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let navBar = navigationController?.navigationBar else { return }
    
    // 隐藏系统自带的阴影和背景（如果需要自定义背景的话）
    navBar.shadowImage = UIImage()
    navBar.setBackgroundImage(UIImage(), for: .default)
    navBar.backgroundColor = .white // 设置导航栏背景色
    
    // 创建自定义阴影视图
    let shadowView = UIView()
    shadowView.layer.shadowColor = UIColor.black.cgColor
    shadowView.layer.shadowOffset = CGSize(width: 0, height: 2)
    shadowView.layer.shadowOpacity = 0.15
    shadowView.layer.shadowRadius = 3
    shadowView.translatesAutoresizingMaskIntoConstraints = false
    navBar.addSubview(shadowView)
    
    // 设置阴影约束：固定宽度，水平居中，底部对齐导航栏
    NSLayoutConstraint.activate([
        shadowView.heightAnchor.constraint(equalToConstant: 6), // 阴影的高度范围
        shadowView.widthAnchor.constraint(equalToConstant: 375),
        shadowView.centerXAnchor.constraint(equalTo: navBar.centerXAnchor),
        shadowView.bottomAnchor.constraint(equalTo: navBar.bottomAnchor)
    ])
}

额外提示 #

• 屏幕旋转时不需要额外处理约束，因为我们已经设置了centerXAnchor和固定宽度，旋转后过渡条会自动保持居中且宽度不变。
• 如果需要适配不同尺寸的竖屏设备，可以把固定宽度换成基于竖屏宽度的常量（比如存储竖屏时UIScreen.main.bounds.width的值作为固定宽度）。

内容的提问来源于stack exchange，提问作者marvios