ios7 中关于导航切换影响UIScrollView的问题

最新推荐文章于 2018-05-11 19:17:00 发布

转载最新推荐文章于 2018-05-11 19:17:00 发布 · 839 阅读

文章标签：

#UI

UI 专栏收录该内容

2 篇文章

订阅专栏

在iOS7中，当UIViewController的首个子视图为UIScrollView且由UINavigationController控制时，UIScrollView子视图会下移64px。本文介绍此现象的原因及四种解决办法。

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

<span style="font-size:18px;">ios7 中关于导航切换影响UIScrollView的问题
2014-03-28 10:20:23
标签：IOS7 导航 UINavigation 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

改变导航栏透明度，也会影响，这个可以根据自己的实际需求进行调整。d</span>