iOS7 UINavigationController 导致 UIScollView 尺寸变化

在 iOS 7 中,如果某个UIViewController的 self.view 第一个子视图是UIScollView, 同时当这个UIViewController被 push 或initWithRootController 成为UINavigationController控制的 Controller 时,这个UIViewControlle的 view 的子视图UIScollView的所有子视图, 都会被下移64px

这个下移 64px 的前提是 navigationBar 和 statusBar 没有隐藏。因为为 statusBar 默认的 Height 是 20px,而 navigatiBar 默认的 Height 是 44px

实例:

1. 在 AppDelegate.m 文件中:

1
2
3
4
5
6
7
8
9
10
11
- (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 中:

1
2
3
4
5
6
7
8
9
10
11
12
- (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. 运行后的结果:
blue

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

1
2
3
ViewController *rootViewController = [[ViewController alloc] init];
UINavigationController *navController = [[UINavigationController alloc] initWithRootViewController:rootViewController];
[self.window setRootViewController:navController];

5. 现在再次运行程序:
blue

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

解决方法

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

1
self.automaticallyAdjustsScrollViewInsets = NO;

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
- (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];
}

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

1
2
3
4
5
6
7
8
9
10
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];