透明导航栏

最新推荐文章于 2019-01-20 10:15:33 发布

原创最新推荐文章于 2019-01-20 10:15:33 发布 · 425 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#导航栏透明

iOS 开发专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了如何在iOS应用中自定义导航栏背景，并实现背景颜色随滚动状态变化的效果，包括透明导航栏的设置、阴影图的使用以及背景颜色与滚动位置的联动。通过代码示例，展示了如何利用Swift和UI框架实现这一交互设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

-(void)viewdidload{

[self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc]init] forBarMetrics:UIBarMetricsDefault];

    [self.navigationController.navigationBar setShadowImage:[self imageWithBgColor:[UIColor colorWithRed:1 green:1 blue:1 alpha:0]]];
    //    这样就是透明的了

    self.navigationItem.rightBarButtonItem.customView.alpha = 1;
    //    设置设置导航条上的标签是否跟着透明

}

- (void)viewWillAppear:(BOOL)animated{

    [super viewWillAppear:animated];
    [self.navigationController.navigationBar setTranslucent:YES];
    if ([self.navigationController.navigationBar respondsToSelector:@selector(shadowImage)])
    {
        [self.navigationController.navigationBar setShadowImage:[[UIImage alloc] init]];
    }
    [self.navigationController.navigationBar setBackgroundImage:[self imageWithBgColor:[UIColor colorWithRed:1 green:0 blue:0 alpha:self.table.contentOffset.y / 40]] forBarMetrics:UIBarMetricsDefault];
}

- (void)viewWillDisappear:(BOOL)animated{

    [super viewWillDisappear:animated];
    [self.navigationController.navigationBar setTranslucent:NO];
    [self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
    [self.navigationController.navigationBar setShadowImage:nil];

}

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
    [self.navigationController.navigationBar setBackgroundImage:[self imageWithBgColor:[UIColor colorWithRed:1 green:0 blue:0 alpha:scrollView.contentOffset.y / 40]] forBarMetrics:UIBarMetricsDefault];

}