swift 需求： 导航栏和HeaderView 使用一个背景图片。

 

办法1： 

问题界面

 

 

需求： 导航栏和HeaderView 使用一个背景图片。
解决方案： 让 导航栏 变成透明。

 

?

1 2 3 4 5 6 7 8 9 10 11

override func viewWillAppear(_ animated: Bool) {         super.viewWillAppear(animated)                   // 1、设置导航栏半透明         self.navigationController?.navigationBar.isTranslucent = true         // 2、设置导航栏背景图片         self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)                   // 3、设置导航栏阴影图片:导航栏 下面那条线         self.navigationController?.navigationBar.shadowImage = UIImage() }

　　

实现效果

 

 

办法二：自定义导航栏

 

 

安全区效果

 

 

导航栏实现

使用

?

1 2	/// 导航view let navView = createDiyNavgationalView(titleStr: "营业时间选择", addView: self.view)

　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

/// 仿系统导航栏 func createDiyNavgationalView(titleStr: String?, addView:UIView) -> UIView{     let bgView = JYUIModel.createView()     bgView.backgroundColor = UIColor.clear           let backIV = JYUIModel.createBtn()     backIV.setImage(UIImage(named: "back_normal_white"), for: .normal)     backIV.addTarget(self, action: #selector(back), for: .touchUpInside)     backIV.adjustsImageWhenHighlighted = false     backIV.layer.removeAllAnimations()     addView.addSubview(backIV)           let titleLabel = JYUIModel.creatLabe(text: titleStr, font: UIFont.systemFont(ofSize: 18), textColor: UIColor.init(hexString: "#FFFFFF"))           bgView.addSubview(backIV)     bgView.addSubview(titleLabel)     let vd:[String:UIView] = ["backIV":backIV, "titleLabel":titleLabel ]     bgView.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "|[backIV(44)]-(>=44)-[titleLabel]-(>=44)-|", options: [.alignAllCenterY], metrics: nil, views: vd))     bgView.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:[backIV(44)]|", options: [.alignAllCenterY], metrics: nil, views: vd))     titleLabel.centerXAnchor.constraint(equalTo: bgView.centerXAnchor).isActive = true     titleLabel.centerXAnchor.constraint(equalTo: bgView.centerXAnchor).isActive = true     if #available(iOS 11.0, *) , isPhoneX {         bgView.heightAnchor.constraint(equalToConstant: 44 + JYWindow.safeAreaInsets.top).isActive = true     } else {         bgView.heightAnchor.constraint(equalToConstant: 64).isActive = true     }     return bgView }   @objc private func back(){     self.navigationController?.popViewController(animated: true) }

　　

2.上边营业时间的view

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

extension ShopBussionTimeController{     private func configUI111() {         /// 营业时间         let businessHoursView = createTopView()                   /// 导航view         let navView = createDiyNavgationalView(titleStr: "营业时间选择", addView: self.view)                   self.view.addSubview(selectDayView)         let vd: [String: UIView] = ["businessHoursView":businessHoursView,                                     "navView":navView]         self.view.jy.addSubViews(vd)         self.view.sendSubviewToBack(businessHoursView)         self.view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "|[businessHoursView]|", options: [], metrics: nil, views: vd))         view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "|[navView]|", options: [], metrics: nil, views: vd))         self.view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:[businessHoursView]", options: [], metrics: nil, views: vd))         self.view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[navView]", options: [], metrics: nil, views: vd))                   let offset = Screen_Offset > 1 ? Screen_Offset : 1         var headViewheight =  188 * offset //188 是设计图的高度         if #available(iOS 11.0, *) {             businessHoursView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true             if isPhoneX {                 headViewheight = headViewheight + JYWindow.safeAreaInsets.top - 20             }         } else {             businessHoursView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true         }         businessHoursView.heightAnchor.constraint(equalToConstant: headViewheight).isActive = true     } }