iOS坐标问题

最新推荐文章于 2023-01-30 09:11:05 发布

globalYK

最新推荐文章于 2023-01-30 09:11:05 发布

阅读量3.8k

点赞数

分类专栏： ios

ios 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

1.坐标原点：

iOS7后默认就是从状态栏左上角开始算的，（0，0）在屏幕的最顶端，所以在self.view加子视图时，子视图的top为64；

iOS7以前默认是从状态栏左下角为(0,0)---------注意：不管6还是7，都是根据状态栏来算得。

self.navigationController.navigationBar.translucent = NO;//导航栏的透明度默认为YES

如果为NO，那么self.view的子视图的 top == 64;//相当于iOS7以前的算法把原点下移64 和 ios6一样（一般不用这个)

如果为YES，self.view的子视图的 top == 0 //相当于iOS7以后的算法

iOS7以后想要让原点从UINavigationBar（导航栏）左下角开始算，可以设置self.edgesForExtendedLayout = UIRectEdgeNone;

即self.view的子视图的原点是屏幕的（0，64，width，height）

4.self.view的frame是和屏幕大小一样的，铺满整个屏幕。

在 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开始，苹果对navigationBar进行了模糊处理，并把self.navigationController.navigationBar.translucent = YES 作为默认处理。对此苹果注释的解释为// Default is NO on iOS 6 and earlier. Always YES if barStyle is set to UIBarStyleBlackTranslucent
这时候就会出现一个问题，当你push的控制器以ScrollView或TableView为主View时，模糊处理会使状态栏和NavigationBar挡住后面的视图，所以苹果会自动把主View的内容向下移动64px，同理，底部Tabbar会使主View向上偏移49px，Toolbar会是主View向上偏移44px
当你不想让主View自动发生偏移时：

 self.automaticallyAdjustsScrollViewInsets = NO;//    自动滚动调整，默认为YES

当你不想要navigationBar进行模糊处理时：

self.navigationController.navigationBar.translucent = NO;//    Bar的模糊效果，默认为YES

但是，这样又会产生一个问题，由于无法看到navigationBar背后的视图，主View又会整体下移64px
，但是，注意主View的origin.y = 0!!!
如何不让主View上的整体布局下移：

//第一步调整主View的 y 值self.edgesForExtendedLayout = UIRectEdgeNone;//    iOS7及以后的版本支持，self.view.frame.origin.y会下移64像素至navigationBar下方//第二步更改主View的 height 值self.view.height = HHScreenH - 64;

注意：通过代码写布局，viewDidLoad时画好的内容的位置比较有保障。

还有，iOS7中我们通过ViewController重载方法返回枚举值的方法来控制状态栏的隐藏和样式。

首先，需要在Info.plist配置文件中，增加键： UIViewControllerBasedStatusBarAppearance，并设置为YES；

然后，在UIViewController子类中实现以下两个方法：

 
   1- (UIStatusBarStyle)preferredStatusBarStyle
 
   2{
 
   3    returnUIStatusBarStyleLightContent;
 
   4}
 
   5 
 
   6- (BOOL)prefersStatusBarHidden
 
   7{
 
   8    returnNO;
 
   9}

最后，在需要刷新状态栏样式的时候，调用[self setNeedsStatusBarAppearanceUpdate]方法即可刷新，若果需要以动画形式切换状态栏样式，则用以下方式调用即可：

`1`	`[UIViewanimateWithDuration:0. animations:^{`

`2`	`[selfsetNeedsStatusBarAppearanceUpdate];`

3 }];

6。

OS7默认导航栏样式就是这么做的，见下图：

虽然用户看来，iOS7默认样式的状态栏和导航栏时连在一起的，但是实际上导航栏的位置和大小是和之前系统版本一样的，依然是贴在状态栏下面，依然是高44px；之所以用户看来它们是连在一起，这是因为UINavigationBar里面的_UINavigationBarBackground定位在y方向-20px的位置，然后高度增加到64px，这样就可以同时充当了两者的背景。

关于这些定位，苹果做了很多工作，后面也会谈到不少。不关心的同学可以略过，其实这些细节，个人觉得，即使对于开发者来说，也不是必需知道的，我们只需要知道怎么调用相关API就足够了。

实际情况下，我们会自定义导航栏背景，过去，我们也许会使用如下代码把一张高44像素（retina/88像素）的图片来平铺作为导航栏背景。

[navCtrl.navigationBar setBackgroundImage:[ UIImage imageNamed:@ "nav_background" ] forBarMetrics: UIBarMetricsDefault ];

启动应用，出现了意想不到的效果和久违的界面 —— 黑底白字的状态栏，不再被navigationBar盖住的label。

这里两个点需要解释一下：

若我们使用自定义图片作为导航栏的背景，那么UIViewController的view（下面称为视图）就不会延伸到navigationBar的顶部，而是从它的底部开始——正如往常一样。
若我们使用一张高44像素（retina/88像素）的图片作为导航栏背景，那么状态栏就会保持黑色，图片只会在导航栏区域平铺。

另外，iOS7 SDK中新增了一个设置背景图片的方法（setBackgroundImage:forBarPosition:barMetrics:），比原有的方法多了一个UIBarPosition枚举参数，用于设置背景图片拉伸的策略。

针对不同的拉伸设置和背景图片尺寸，在《iOS 7 UI Transition Guide》的Bar and Bar Buttons一节中

中有详细说明：

PS:原文中的"resize"翻译为“调整”，表述比较含糊，根据实际操作结果看，水平方向调整一般是平铺，垂直方向调整一般是局部拉伸。

页面布局

在《iOS 7 UI Transition Guide》的Layout and Appearance 一节中也提到 —— 在iOS7中，view controllers使用全屏布局 (In iOS 7, view controllers use full-screen layout)。

通过上面的讨论我们也知道，除非导航栏设置了自定义的背景图片，否则每个视图都会延伸到屏幕一样大小的。

所以，像上面第二张图片中出现导航栏遮盖label的情况也是正常的现象。

如果我们要让label从导航栏以下位置显示，可以通过修改UIViewController的 edgesForExtendedLayout这个属性来实现。

edgesForExtendedLayout是一个类型为UIExtendedEdge的属性，指定边缘要延伸的方向。

因为iOS7鼓励全屏布局，它的默认值很自然地是UIRectEdgeAll，四周边缘均延伸，就是说，如果即使视图中上有navigationBar，下有tabBar，那么视图仍会延伸覆盖到四周的区域。

如果把视图做如下设置，那么视图就不会延伸到这些bar的后面了，于是label又出来了。

 
   1self.edgesForExtendedLayout =UIExtendedEdgeNone;PS:自己的理解，这种方法是最简单的，只要求视图不延伸就可跟ios6以前布局一样。

也许，这时候你会想，那为什么不把UIExtendedEdgeNone作为默认态呢？

iOS7鼓励全屏，它希望用户在使用可滚动视图的时候可以透过半透明的bar还可以看到一些模模糊糊的内容。

为了保持设计的优雅，同时避免给开发者太多的困扰，iOS7在Conttoller中新增了这个属性： automaticallyAdjustsScrollViewInsets，当设置为YES时（默认YES），（ PS:经过实验，如果将automaticallyAdjustsScrollViewInsets设为NO,同时self.edgesForExtendedLayout = UIExtendedEdgeNone，那么UITableView的x，y为0，0时，不会被导航栏挡住，但是将不会有半透明的模糊效果）如果视图里面存在唯一一个UIScrollView或其子类View，那么它会自动设置相应的内边距，这样可以让scroll占据整个视图，又不会让导航栏遮盖，如以下例子：

要注意的是，这个例子中我们没有设置edgesForExtendedLayout，即视图是延伸至全屏的。

我们可以从UIView树状图看到，tableview的bounds值中有64像素的偏移值，它作为一个内边距来保持内容显示在导航栏以下，而滚动时仍可以透过半透明的导航栏看到模糊的内容。

最后一个介绍的新属性是extendedLayoutIncludesOpaqueBars，这个属性指定了当Bar使用了不透明图片时，视图是否延伸至Bar所在区域，默认值时NO。

所以我们如果自定义了导航栏的背景图片，那么视图会从导航栏以下开始，不会延伸到导航栏区域。

如果把这个属性设置为YES，那么视图将会延伸至导航栏区域，即使我们把导航栏设置成了自定义背景，如下图：

视图延伸之后，label又被导航栏覆盖住了，正如我们意料。

呵呵呵，是官方的例图啦：

官方文档说明：看这里（个人认为实际情况custom view的位置应该是在window之前和tabbar之后，最上层就还有状态栏。）

起因：由于设计师的对需求的严（jian）格（zhi）把（zuo）控（si），当我们在我们在Storyboard或者Nib上对NavigationBar进行上色时，运行出来的效果与设计图出现色差，后来才发现是iOS7及以上对导航栏（工具栏亦同）的高斯模糊处理，也就是可以把导航栏后面的视图或者对导航栏的背景（或背景图）显示出来，如果单纯的设置背景颜色也是有高斯模糊处理的效果，对纯色高斯模糊处理过后相当于纯色的70%（猜测）透明化处理，但是反正就是有色差啦。

先从滚动视图的例子说起：

上面是在导航视图内Push进来的以“TableView”（没有ScrollView截图，就将就一下）为主View的视图，本来我们的cell是放在（0,0）的位置上的，但是考虑到导航栏、状态栏会挡住后面的主视图，而自动把我们的内容（cell、滚动视图里的元素）向下偏移离Top64px（下方位置如果是tarbar向上偏移离Buttom49px、toolbar是44），也就是当我们把navigationBar给隐藏掉时，滚动视图会给我们的内容预留部分的空白Top（所有内容向下偏移20px，因为状态栏的存在）。出来的效果可以脑补一下。
那么，当我们不想自动为我们下移可以设置：

复制代码

self.automaticallyAdjustsScrollViewInsets = NO;// 自动滚动调整，默认为YES

        这样我们的内容就不会自动偏移了，例如上面的cell就是从（0,0）的位置开始。
很多人在Nib或者Storyboard中调整视图时，因为IB中有NavigationBar的存在，误导许多人将加入scrollviewB的高度设置为根视图viewA的高度，并且加入的控件、子视图、cell等等都是从viewB的（0,64）开始布局，那么另一个问题来了，学挖掘机炒菜哪家强，啊呸。
        就是上面提到的navigationBar的色差的问题。这里作一下解释：
        默认navigationBar的是半透明，那么它半透明是为了什么？答案是为了可以隐约看到Bar后面的内容，iOS7以上玩多了的人应该有注意到这个问题吧。好了，默认是半透明，看官方的图片，在Bar下方的scrollviewB的frame如果从（0,0）开始，那么我们滚动的内容从即使滚动到Top的位置，还是可以隐隐约约的看到，没问题，挺(T)美(M)的(D)。当我们将Bar设置为不透明（不透明不就不存在色差了嘛！哈哈哈哈哈哈哈

），设置如下：

复制代码

self.navigationController.navigationBar.translucent = NO;// Bar的模糊效果，默认为YES

开始挖坑！既然不透明了，那么被Bar挡住的视图怎么办，没关系，人家自动帮它们偏移下来，也就是说将你的整个View都往下偏移64px，WTF，我们里面的控件等东东都是一开始布局在view的（0,64）位置的，这样出来不就是整体的效果是在window的（0,128）了？正是如此！也就是我们上面的一开始在（0,0,）位置的scrollviewB现在到了（0,64）的位置，相应的里面的内容也是得到偏移。跟着父视图走嘛！

解决方法：
1、添加

复制代码

self.edgesForExtendedLayout = UIRectEdgeNone;// iOS7及以后的版本支持，self.view.frame.origin.y会下移64像素至navigationBar下方。

注意：view的高度也需要重新设置。
        2、根据需求，在IB中直接直接将custom view的高度设置好高度，控件的位置也相应设置。注意的一点：偏移的机制主要作用于主要的视图，一般单个的scrollView还有根视图都会被偏移。输出的依据可以看这里，各种toolBar还有navigationBar是否透明、是否隐藏的搭配，中间视图需要怎么设置自行多多尝试。
        3、使用代码写布局，不解释，viewDidLoad时画好的内容的位置当然比较有保障。
        4、写得比较乱，请谅解。部分都还没得到自己的证实，回去再实践看看。存在什么问题欢迎补充！谢谢！