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

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

概述案例: 分割线.png 如图,红色框中的分割线(因为导航栏和view的background的颜色都是用的图片很不好看,,黑色的分割线显得更难看) 解决方案 1.最先企图去改变navigationBar的透明度(translucent,alpha),,但发现并没有成功.... 2.然后发现项目的代码中导航条的属性是这么设置的 navigationController?.navigationBar.s

案例:


分割线.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()]

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

然后我就在当前的处理器中用了另一个方法
navigationController?.navigationbar.setBackgroundImage(imageFromcolor(colorRGBA(60,g: 165,b: 210,a: 1)),forbarposition: UIbarposition.Any,barMetrics: UIbarMetrics.Default)navigationController?.navigationbar.shadowImage = UIImage()
效果图:
效果图.png

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

补充

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

 

/// 颜色转图片的方法

///

/// - 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:在有导航条的情况下,消除导航条与下面view之间的分割线全部内容,希望文章能够帮你解决Swift:在有导航条的情况下,消除导航条与下面view之间的分割线所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/web/1069751.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存