iOS 顶部高斯模糊导航栏 + 页面内容穿越底部导航栏效果


(1)如果是使用系统导航栏则设置其translucent属性即可:


[self.navigationController.navigationBar setBackgroundImage:[UIImage new]

                                              forBarMetrics:UIBarMetricsDefault];

self.navigationController.navigationBar.shadowImage = [UIImage new];

self.navigationController.navigationBar.translucent = YES;

self.navigationController.view.backgroundColor = [UIColor whiteColor];


(2)若是自定义之UIView 作为页面顶部之导航栏,则使用UIToolBar 与 tableView 之contentInset即可实现:

        

blur效果:

UIToolbar *naviBar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, self.statusBarOffset, self.view.frame.size.width, self.navigationBarHeight)];

 naviBar.barTintColor = NAVI_COLOR_GRAY;


内容穿越导航栏效果:

 self.tableView.contentInset = UIEdgeInsetsMake(self.navigationBarHeight, 0, 0, 0);   self.tableView.scrollIndicatorInsets = UIEdgeInsetsMake(self.navigationBarHeight, 0, 0, 0);


你可能感兴趣的:(高斯,+tableView,iOS导航栏)