iOS坐标问题

1.坐标原点:

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

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

2.

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

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

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

3.

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

即self.view的子视图的原点是屏幕的(0,64,width,height)


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

5.

在 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
    改变导航栏透明度,也会影响,这个可以根据自己的实际需求进行调整。

5.

从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时画好的内容的位置比较有保障。

6.

还有,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。
 
\
 
这里两个点需要解释一下:
 
  1. 若我们使用自定义图片作为导航栏的背景,那么UIViewController的view(下面称为视图)就不会延伸到navigationBar的顶部,而是从它的底部开始——正如往常一样。
  2. 若我们使用一张高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又被导航栏覆盖住了,正如我们意料。

6.

呵呵呵,是官方的例图啦:



官方文档说明: 看这里  (个人认为实际情况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,因为状态栏的存在)。出来的效果可以脑补一下。
        那么,当我们不想自动为我们下移可以设置:

复制代码
  1. 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设置为不透明( 不透明不就不存在色差了嘛!哈哈哈哈哈哈哈   ),设置如下:

复制代码
  1. self.navigationController.navigationBar.translucent = NO;//    Bar的模糊效果,默认为YES

        开始挖坑!既然不透明了,那么被Bar挡住的视图怎么办,没关系,人家自动帮它们偏移下来,也就是说将你的整个View都往下偏移64px,WTF,我们里面的控件等东东都是一开始布局在view的(0,64)位置的,这样出来不就是整体的效果是在window的(0,128)了?正是如此!也就是我们上面的一开始在(0,0,)位置的scrollviewB现在到了(0,64)的位置,相应的里面的内容也是得到偏移。跟着父视图走嘛!
        解决方法:
        1、添加
复制代码
  1. self.edgesForExtendedLayout = UIRectEdgeNone;//    iOS7及以后的版本支持,self.view.frame.origin.y会下移64像素至navigationBar下方。

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值