美文网首页
Swift:仿QQ导航栏渐变色背景

Swift:仿QQ导航栏渐变色背景

作者: 姑娘丶你命里缺我 | 来源:发表于2018-08-26 17:42 被阅读0次

实现的效果图:

网上所谓的渐变大多数的都是界面滑动时导航栏透明度的改变,特此开一篇文章出来做记录,共同学习

其实渐变色很简单,利用CAGradientLayer即可。直接上代码:

letgradientLayer =CAGradientLayer()

let sizeLength = self.navigationController?.navigationBar.frame.width

letframeAndStatusBar =CGRect(x:0, y:0, width: sizeLength!, height:64)

gradientLayer.frame= frameAndStatusBar

gradientLayer.startPoint=CGPoint(x:0, y:0)

gradientLayer.endPoint=CGPoint(x:1, y:0)

gradientLayer.colors = [UIColor.blue.cgColor, UIColor.red.cgColor]

navigationController?.navigationBar.setBackgroundImage(LayerImage(fromLayer: gradientLayer), for: .default)

LayerImage函数如下:

func LayerImage(fromLayer layer:CALayer) ->UIImage{

        UIGraphicsBeginImageContext(layer.frame.size)

        layer.render(in: UIGraphicsGetCurrentContext()!)

        let outputImage = UIGraphicsGetImageFromCurrentImageContext()

        UIGraphicsEndImageContext()

        returnoutputImage!

    }

相关文章

  • Swift:仿QQ导航栏渐变色背景

    实现的效果图: 网上所谓的渐变大多数的都是界面滑动时导航栏透明度的改变,特此开一篇文章出来做记录,共同学习 其实渐...

  • swift-导航栏

    swift-导航栏直接上代码 导航栏整体背景颜色 导航栏左侧按钮 自定义 导航栏左侧 隐藏 导航栏右侧图片 参考:...

  • swift 视图的渐变色

    有时在做项目的时候有的地方需要用渐变色:我之前就碰到过导航栏背景色渐变色,对UIView进行extension就可...

  • Swift - NavigationBar Tips

    设置导航栏背景色为透明 隐藏导航栏下方的线条 设置导航栏的背景色 设置导航栏背景不为半透明

  • iOS 导航栏的设置

    一、设置backBarButtonItem按钮 二、设置导航栏渐变色

  • Swift之导航控制器(UINavigationControll

    一:导航栏的创建及常用方法 //设置导航栏的统一的背景色 // 设置导航栏的背景色 //设置导航栏的...

  • UINavigationBar详解

    设置导航栏标题 设置导航栏的背景颜色 设置导航栏的背景图片 UIBarMetrics枚举:UIBarMetrics...

  • Android

    顶部导航栏 仿京东搜索 顶部导航栏 今日头条导航栏 导航栏快速实现 瀑布流 搜索框带历史记录 tablayout ...

  • navigationBar的相关设置--swift

    swift 中设置导航栏属性 //设置导航栏颜色self.navigationController?.naviga...

  • 跟着广告滚动变色navbar

    最近看到hongxin的仿大麦项目,受益匪浅,在此摘出导航栏随着顶部广告滚动渐变色的navbar细解一下。 1.首...

网友评论

      本文标题:Swift:仿QQ导航栏渐变色背景

      本文链接:https://www.haomeiwen.com/subject/fshfcxtx.html