首页 > 代码库 > ios7 导航控制器切换影响UIScrollView布局的问题

ios7 导航控制器切换影响UIScrollView布局的问题

在 iOS 7 中,如果某个 UIViewController 的 self.view 第一个子视图是 UIScollView, 同时当这个 UIViewController 被 push 或 initWithRootController 成为 UINavigationController控制的Controller时,这个 UIViewController的 view 的子视图 UIScollView 的所有子视图, 都会被下移 64px。
   这个下移 64px 的前提是 navigationBar 和 statusBar 没有隐藏。因为为 statusBar 默认的 Height 是 20px,而 navigatiBar  默认的 Height 是 44px。下面来比较一下
实例:
   不使用导航的界面跳转
    1. 在 AppDelegate.m 文件中:
Obj-c代码 收藏代码
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions  
{  
 self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];  
 self.window.backgroundColor = [UIColor whiteColor];                                
 //下面两行为增加的代码                                                          
 ViewController *rootViewController = [[ViewController alloc] init];  
 [self.window setRootViewController:rootViewController];  
 [self.window makeKeyAndVisible];  
   return YES;  
}  


2. 在 ViewController.m 中:

Obj-c代码 收藏代码
- (void)viewDidLoad  
{  
[super viewDidLoad];  
UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(30.0,                                                           64.0, 260.0, 300.0)];  
[scrollView setBackgroundColor:[UIColor redColor]];  
UIView *view = [[UIView alloc] initWithFrame:scrollView.bounds];  
[view setBackgroundColor:[UIColor blueColor]];  
[scrollView addSubview:view];  
[self.view addSubview:scrollView];  
}  

3. 运行后的结果:
wKioL1M02bjAygEmAABp-pZVp3I608.jpg

这种情况下,scrollView并未受影响。

4. 现在使用 UINavigationController,  将开始 AppDelegate.m 增加的那两行代码修改成:  


Obj-c代码 收藏代码
ViewController *rootViewController = [[ViewController alloc] init];  
 UINavigationController *navController = [[UINavigationController alloc]  
                                initWithRootViewController:rootViewController];  
 [self.window setRootViewController:navController];  



5. 现在再次运行程序:
wKiom1M02uuD8SEiAAB48M0Pmhc504.jpg

如结果显示, scrollView 背景色为蓝色的子视图位置自动下移了。 而这个下移的距离刚好是 64.0px。

解决方法:
   第一种:在 ViewController 的 init 的方法中增加一行代码:


Obj-c代码 收藏代码
self.automaticallyAdjustsScrollViewInsets = NO;  


第二种: 让UIScrollView 不要成为 ViewController 的 View 的第一个子视图。具体操作:将 viewDidLoad方法 修改成如下:


Obj-c代码 收藏代码
- (void)viewDidLoad  
{  
[super viewDidLoad];  
UIView *firstSubView = [[UIView alloc] initWithFrame:self.view.bounds];  
[self.view addSubview:firstSubView];  
UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(30.0,                                                           64.0, 260.0, 300.0)];  
[scrollView setBackgroundColor:[UIColor redColor]];  
UIView *view = [[UIView alloc] initWithFrame:scrollView.bounds];  
[view setBackgroundColor:[UIColor blueColor]];  
[scrollView addSubview:view];  
[self.view addSubview:scrollView];  
}  

第三种:将 UIScorllView 的子视图上移 64.0px 。修改 viewDidLoad 方法:


Obj-c代码 收藏代码
UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(30.0,                                                           64.0, 260.0, 300.0)];  
[scrollView setBackgroundColor:[UIColor redColor]];  
CGRect viewFrame = CGRectMake(0, -64.0, CGRectGetWidth(scrollView.frame),  
                                                                                  CGRectGetHeight(scrollView.frame));  
UIView *view = [[UIView alloc] initWithFrame: viewFrame];  
[view setBackgroundColor:[UIColor blueColor]];  
[scrollView addSubview:view];  
[self.view addSubview:scrollView];  

第四种:设置导航栏的透明属性。
self.navigationController.navigationBar.translucent = YES
改变导航栏透明度,也会影响,这个可以根据自己的实际需求进行调整。

ios7 导航控制器切换影响UIScrollView布局的问题