Swift:在有导航条的情况下,消除导航条与下面view之间的分割线

前端之家收集整理的这篇文章主要介绍了Swift:在有导航条的情况下,消除导航条与下面view之间的分割线前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

案例:


分割线.png

如图,红色框中的分割线(因为导航栏和view的background的颜色都是用的图片很不好看,黑色的分割线显得更难看)

解决方

1.最先企图去改变navigationBar的透明度(translucent,alpha),但发现并没有成功....

2.然后发现项目的代码中导航条的属性是这么设置的

navigationController?.navigationBar.setBackgroundImage(UIImage(named: "blackImgOfNavBg"),forBarMetrics: UIBarMetrics.Default)
        navigationController?.navigationBar.shadowImage =  UIImage(named: "blackImgOfNavBg")
        navigationController?.navigationBar.titleTextAttributes=[NSForegroundColorAttributeName:UIColor.whiteColor()]

感觉日了狗了,目前又不好改代码(实现黑色背景白色字体完全没有必要这么做)

  1. 然后我就在当前的处理器中用了另一个方法
    navigationController?.navigationBar.setBackgroundImage(imageFromColor(COLORRGBA(60,g: 165,b: 210,a: 1)),forBarPosition: UIBarPosition.Any,barMetrics: UIBarMetrics.Default)
    navigationController?.navigationBar.shadowImage = UIImage()
    效果图:

效果图.png

注意看,这里完全没有分割的感觉.
其实要实现没有分割的感觉有其他更好的方法,比如隐藏导航条,然后自定义.但是我这里由于下面有一个大的textView,键盘弹起时为避免键盘遮挡,整个界面上移,自定义导航条的话,自定义的导航条也会被弹上去,很难看

补充

这里,我用了色值生成图片,保证上下颜色一致,如果上下不一致,存在分割线不可避免(之所以用色值生成图片是因为,之前那张图太丑了,颜色不均匀,看不下去)
这是一段萌萌的代码

 

/// 颜色转图片方法

///

/// - parameter color: 颜色

///

/// - returns: 图片对象

public static func imageFromColor(color: UIColor,viewSize: CGSize) -> UIImage{

let rect: CGRect = CGRect(x: 0,y: 0,width: viewSize.width,height: viewSize.height)

UIGraphicsBeginImageContext(rect.size)

let context: CGContext = UIGraphicsGetCurrentContext()!

context.setFillColor(color.cgColor)

context.fill(rect)

let image = UIGraphicsGetImageFromCurrentImageContext()

UIGraphicsGetCurrentContext()

return image!

}

猜你在找的Swift相关文章