透明的navbar swift iOS

时间:2016-08-13 18:11:21

标签: ios swift navbar alpha

  1. This是项目目前的样子
  2. 这是我使用的代码

    func styleNavBar() {
    let navigationBarAppearace = UINavigationBar.appearance()
    navigationBarAppearace.tintColor = UIColor(red:1.0, green:1.0, blue:1.0, alpha:1.0)
    navigationBarAppearace.titleTextAttributes = [NSForegroundColorAttributeName:UIColor(red:1.00, green:1.00, blue:1.00, alpha:1.0)]
    navigationBarAppearace.translucent = true
    
    navigationBarAppearace.backgroundColor = UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.3)
    navigationBarAppearace.setBackgroundImage(UIImage(), forBarMetrics: .Default)}
    
  3. 我尝试删除以下代码,但它看起来像this

    navigationBarAppearace.setBackgroundImage(UIImage(), forBarMetrics: .Default)
    

    我的问题是,如何让navbar填满?仍然有相同的外观

2 个答案:

答案 0 :(得分:3)

首先,为UIImage创建一个扩展,用于创建指定大小的纯色图像。 将此扩展保留在类标签

的任何ViewController中
extension UIImage {

    class func imageWithColor(color: UIColor, size: CGSize) -> UIImage {
    let rect = CGRect(x: 0, y: 0, width: size.width, height: size.height)
        UIGraphicsBeginImageContextWithOptions(size, false, 0)
        color.setFill()
        UIRectFill(rect)
    let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        return image
    }
}

然后使用以下方法自定义导航栏

func styleNavBar() {
    let navigationBarAppearace = UINavigationBar.appearance()
    navigationBarAppearace.tintColor = UIColor(red:1.0, green:1.0, blue:1.0, alpha:1.0)
    navigationBarAppearace.titleTextAttributes = [NSForegroundColorAttributeName:UIColor(red:1.00, green:1.00, blue:1.00, alpha:1.0)]
    navigationBarAppearace.isTranslucent = true

    let colorImage = UIImage.imageWithColor(color: UIColor(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.3), size: CGSize(width: UIScreen.main.bounds.width, height: 64))
    navigationBarAppearace.setBackgroundImage(colorImage, for: .default)
}

希望这能解决您的问题。

答案 1 :(得分:2)

我在我的UINavigationBar上使用此代码使其透明。您可以根据自己的需要进行调整。在图片中,titleView

中有一个searchController
if let topBar = self.navigationController?.navigationBar {

        topBar.setBackgroundImage(UIImage(), forBarMetrics: .Default)
        topBar.shadowImage = UIImage()
        topBar.barTintColor = UIColor.clearColor()
        topBar.tintColor = UIColor.whiteColor()
        topBar.translucent = true


    }

这是它的样子:

Transparent navbar