学习笔记一、UITableView上下滚动导航栏渐变隐藏和显示效果

最新推荐文章于 2024-07-30 18:35:40 发布

kerran

最新推荐文章于 2024-07-30 18:35:40 发布

阅读量2.2k

点赞数

分类专栏： iOS开发笔记文章标签：导航 uiscrollview color

iOS开发笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

大体思路：定义一个UINavigationBar的Category,在NavigationBar顶层增加一个视图overlay。滚动时通过设置overlay视图的背景色和透明度来达到隐藏和显示导航栏效果。代码如下：

#import <UIKit/UIKit.h>

@interface UINavigationBar (CustomNavigationBar)

- (void)setCustomBackgroundColor:(UIColor *)backgroundColor;

@end

#import "UINavigationBar+CustomNavigationBar.h"
#import <objc/runtime.h>

@implementation UINavigationBar (CustomNavigationBar)

static char overlayKey;

- (UIView *)overlay
{
    return objc_getAssociatedObject(self, &overlayKey);
}

- (void)setOverlay:(UIView *)overlay
{
    objc_setAssociatedObject(self, &overlayKey, overlay, OBJC_ASSOCIATION_RETAIN);
}

- (void)setCustomBackgroundColor:(UIColor *)backgroundColor
{
    if (!self.overlay) {
        [self setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
        [self setShadowImage:[UIImage new]];
        //需要遮住状态栏
        self.overlay = [[UIView alloc] initWithFrame:CGRectMake(0, -20, [UIScreen mainScreen].bounds.size.width, 64)];
        self.overlay.autoresizingMask = UIViewAutoresizingFlexibleWidth ;
        [self insertSubview:self.overlay atIndex:0];
    }
    self.overlay.backgroundColor = backgroundColor;
}

tableview滚动时，调用方法设置导航栏背景色：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    UIColor *color = [UIColor blueColor];
    CGFloat offsetY = scrollView.contentOffset.y;
    if (offsetY > 0) {
        CGFloat alpha = 1- (64 - offsetY) / 64;
        [self.navigationController.navigationBar setCustomBackgroundColor:[color colorWithAlphaComponent:alpha]];
    } else {
        [self.navigationController.navigationBar setCustomBackgroundColor:[color colorWithAlphaComponent:0]];
    }
}