码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-08-06 18:50:48      阅读:1522      评论:0      收藏:0      [点我收藏+]

标签:高斯 ios导航栏 +tableview


(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);


本文出自 “原石诞生璞玉” 博客,请务必保留此出处http://ymbian.blog.51cto.com/725073/1682238

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

标签:高斯 ios导航栏 +tableview

原文地址:http://ymbian.blog.51cto.com/725073/1682238

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!