it-roy-ru.com

Прозрачный UINavigationBar в Swift

Я пытаюсь сделать мой UINavigationBar в UINavigationController прозрачным. Я создал подкласс UINavigationController и мне понравилась сцена в моем файле раскадровки. Вот часть моего подкласса:

override func viewDidLoad() {
    super.viewDidLoad()

    // Do any additional setup after loading the view.
    let size = self.navigationBar.frame.size
    self.navigationBar.setBackgroundImage(imageWithColor(UIColor.blackColor(), size: size, alpha: 0.2), forBarMetrics: UIBarMetrics.Default)
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

func imageWithColor(color: UIColor, size: CGSize, alpha: CGFloat) -> UIImage {
    UIGraphicsBeginImageContext(size)
    let currentContext = UIGraphicsGetCurrentContext()
    let fillRect = CGRectMake(0, 0, size.width, size.height)
    CGContextSetFillColorWithColor(currentContext, color.CGColor)
    CGContextSetAlpha(currentContext, alpha)
    CGContextFillRect(currentContext, fillRect)
    let retval: UIImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return retval
}

Когда я запускаю свое приложение, панель навигации прозрачная, но строка состояния просто черная.

Например, если я делаю такую ​​вещь на UITabBar - это работает.

23
Nikita Zernov

Надеюсь, это поможет вам

Swift 2: 

self.navigationController.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)
self.navigationController.navigationBar.shadowImage = UIImage()
self.navigationController.navigationBar.isTranslucent = true
self.navigationController.view.backgroundColor = UIColor.clearColor()

Swift 4.2

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
self.navigationController?.navigationBar.shadowImage = UIImage()
self.navigationController?.navigationBar.isTranslucent = true
self.navigationController?.view.backgroundColor = UIColor.clear

Или, если вы хотите передать субкласс навигационного контроллера, обратитесь к этому answer .


Измените стиль строки состояния с помощью:

В вашем Info.plist вы должны определить Просмотреть внешний вид строки состояния на основе контроллера для любого значения.

enter image description here

UIApplication.shared.statusBarStyle = .lightContent

Если вы хотите скрыть строку состояния:

UIApplication.shared.isStatusBarHidden = true

Получение этого вывода по легкому содержанию и прозрачной навигации. У меня вид фона серый. Вы можете увидеть прозрачность.

enter image description here

iPhone XR - Swift 4.2 - Большие названия (Тестовый скриншот)

 Large Titles - Swift - iPhone XR

86
Ashish Kakkad

Если вы используете Swift 2.0, используйте блок кода ниже:

 self.navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)
 self.navigationController?.navigationBar.shadowImage = UIImage()
 self.navigationController?.navigationBar.translucent = true

Для Swift 3.0 используйте:

navigationController?.setNavigationBarHidden(false, animated: true)
navigationController?.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
navigationController?.navigationBar.shadowImage = UIImage()
navigationController?.navigationBar.isTranslucent = true
29
Chamath Jeevan

Swift 3.0.1 с Xcode 8.1

В вашем UINavigationController

override func viewDidLoad() {
    super.viewDidLoad()
    self.navigationBar.setBackgroundImage(UIImage(), for: UIBarMetrics.default)
    self.navigationBar.shadowImage = UIImage()
    self.navigationBar.isTranslucent = true
    self.view.backgroundColor = UIColor.clear
}
5
Jeff Gu Kang

Xcode 8.x: Swift 3: расширение для одного и того же.

extension UINavigationBar {

    func transparentNavigationBar() {
        self.setBackgroundImage(UIImage(), for: .default)
        self.shadowImage = UIImage()
        self.isTranslucent = true
    }
} 
4
Ankit Kumar Gupta

Создать расширение UINavigationController и представить или скрыть прозрачную панель навигации.

extension UINavigationController {

    public func presentTransparentNavigationBar() {
        navigationBar.setBackgroundImage(UIImage(), for:UIBarMetrics.default)
        navigationBar.isTranslucent = true
        navigationBar.shadowImage = UIImage()
        setNavigationBarHidden(false, animated:true)
    }

    public func hideTransparentNavigationBar() {
        setNavigationBarHidden(true, animated:false)
        navigationBar.setBackgroundImage(UINavigationBar.appearance().backgroundImage(for: UIBarMetrics.default), for:UIBarMetrics.default)
        navigationBar.isTranslucent = UINavigationBar.appearance().isTranslucent
        navigationBar.shadowImage = UINavigationBar.appearance().shadowImage
    }
}
4
user550088

Я перепробовал все методы, описанные выше, и все равно получил пробел вместо контента, который должен быть обработан. Если вы хотите нарисовать обычное подпредставление (карта Google и т.д.), А не содержимое UIScrollView через панель навигации, то вам нужно установить рамку подпредставления в viewDidAppear. Итак, шаг 1:

existingNavigationBar.setBackgroundImage(transparentImageFromAssets, for: .default)
existingNavigationBar.shadowImage = transparentImageFromAssets
existingNavigationBar.isTranslucent = true

шаг 2:

override func viewDidAppear(_ animated: Bool) {
      super.viewDidAppear(animated)
      self.mapView.frame = UIScreen.main.bounds
  }

Это сработало для меня.

0
Alexander Stepanishin