iOS – 导航栏渐变

iOS - 导航栏渐变

因为项目需求,导航栏要实现渐变效果。当 UIscrollView 下拉到一定高度就让导航栏完全显示出来,中间过程则是导航栏背景由浅变深,也就是渐变效果。

在网上看了一些资料,参考了一些代码,再结合自己的实践发现只要几行代码就能实现。

// 给导航栏设置一个背景图
self.navigationController?.navigationBar.setBackgroundImage(image, for: .default)
// 导航栏的透明度(设置一个全局的透明度对象)
fileprivate lazy var _alpha = 0.0
// 获取导航栏背景 初始透明度为0
_barImageView       = self.navigationController?.navigationBar.subviews.first
_barImageView.alpha = CGFloat(_alpha)

然后在 scrollViewDidScroll 的方法中实现导航栏的渐变效果

func scrollViewDidScroll(_ scrollView: UIScrollView) {
        _alpha = Double(scrollView.contentOffset.y / CGFloat(150) - CGFloat(1))
        _barImageView.alpha = CGFloat(_alpha)
    }
本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有著作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。

PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处:Harries Blog™ » iOS – 导航栏渐变

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址