首页 > 手机专区 > 苹果手机 >

iOS自定义渐变导航栏实现

来源:互联网 2023-02-21 08:53:53 版权归原作者所有,如有侵权,请联系我们

通过自定义view来实现导航栏的渐变效果。YUX办公区 - 实用经验教程分享!

工具/原料

  • Mac
  • Xcode

方法/步骤

  • 1

    导航栏实现使用自定义view的形式实现,方便控制view的颜色已经透明度,首先新建NavView继承UIView,NavView上放个标题显示Label,具体实现如下:YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

  • 2

    自定义cell上放置一张图片,图片增加点击预览效果,如下:YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

  • 3

    控制器初始化导航条NavView和列表tableview,具体如下:YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

  • 4

    tableview遵循代理方法,如下:YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

  • 4相关内容未经授权抓取自百度经验
  • 5

    自定义导航条以偏移量100为界限,小于100时,透明度进行偏移变换,大于100透明度变为1.0,具体实现如下:YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

  • 6

    具体实现效果如下,当列表往上滚动时候,导航条根据偏移进行透明度变换。YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

    iOS自定义渐变导航栏实现YUX办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!YUX办公区 - 实用经验教程分享!


    标签: iosiphone苹果定义渐变

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号