UINavigationController透明导航栏,滚动显示

废话少说先看看效果

效果图

下拉 headView图片变大,把UIScrollView添加到一个UIView上面,网上大部分滚动条是从64开始的,我写的这个是从0 开始滚动的。

实现原理:先new一个空的UIimage作为navigationBar的背景。监听滚动偏移实现渐变。

具体代码:

1、新建一个类继承UINavigationController命名为BaseNavViewController,里面代码如下


UINavigationController透明导航栏,滚动显示_第1张图片
BaseNavViewController代码

2、新建一个UIViewController,这里我引用了人家写的一些代码(UINavigationBar+Awesome)


UINavigationController透明导航栏,滚动显示_第2张图片
vc效果图1



UINavigationController透明导航栏,滚动显示_第3张图片
vc效果图2


UINavigationController透明导航栏,滚动显示_第4张图片
vc效果图3

剩下的是tableViewCell代码了  这里不再贴出。

源码地址:https://github.com/ayuan9988/HideNav.git

你可能感兴趣的:(UINavigationController透明导航栏,滚动显示)