透明导航栏 swift iOS

Question

This项目目前的样子

这是我使用的代码

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)}

我试图删除以下代码，但它看起来像 this。

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

我的问题是，如何让 navbar 填满？而且外观还是一样

Answer 1

首先，为 UIImage 创建一个扩展，它创建具有指定大小的纯色图像。在 class 标签

的任何 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)
}

希望这能解决您的问题。

Answer 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


    }

这是它的样子：

透明导航栏 swift iOS

Transparent navbar swift iOS

ios

swift

navbar

alpha