屏幕布局和屏幕旋转

  移动应用开发比桌面应用更难开发,同样一个应用的iPad版本不应该是简单地将iPhone界面放大,而是需要重新布局的。

第1代和第2代iPad屏幕的物理尺寸是9.7英寸,分辨率是1024*768像素,第3代iPad采用视网膜屏幕技术,分辨率达到了2048*1536,而iPad mini的分辨率达到了1024*768像素。

在iPhone4之前,屏幕的物理尺寸是3.5英寸,屏幕分辨率是480*320像素。iPhone4 和iPhone 4S采用视网膜屏幕技术,屏幕的物理尺寸为3.5英寸,分辨率达到了960*640像素。iPhone 5采用视网膜屏幕技术,屏幕的物理尺寸为4英寸,分辨率是1136*640

注:屏幕或控件的尺寸以点为单位,在视网膜屏幕技术中,一个点包括了4个像素,而没采用视网膜屏幕技术的一个点包括一个像素

/*1.png  1@2x.png  1@3x.png

  3GS  3.5寸 320*480 @1x

  4/4s 3.5寸  320*480  @2x  

  5/5c/5s  4寸 320*568 @2x

  6  4.7寸 375*667 @3x

  6Plus  5.5寸 414*736 @3x  

  NSLog(@"w:%f h:%f",[[UIScreen mainScreen] bounds].size.width,[[UIScreen mainScreen] bound].size.height);

*/

层级的处理:

1.同一个父视图中先加入的view会被盖在下面

2.子视图是跟随父视图进行层级遮掩,如果父视图层级低于其他同级视图,则父视图的子视图也会被盖住,但是子视图和其他视图的子视图是没有关系的

3.交换两个层的视图时需要注意必须填写正确的层数

4.当层交换了之后对应的子视图的数组下标也会进行改变

//交换两个层的视图

[view1 exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

 

//插入一个视图到指定层

UIView *view5 = [[UIView alloc]init];

view5.frame=CGRectMake(7,80,200,200);

[view1 insertSubview:view5 atIndex:5];

[view1 insertSubview:view5 aboveSubview:view2];

[view1 insertSubview:view5 belowSubview:view3];

 

//将一个view放入到顶层

[view1 bringSubviewToFront:view3];

//将一个view放入最底层

[view1 sendSubviewToBack:view2];

 

视图的自适应

1.设置父视图(backview)允许子视图自适用:backview.autoresizesSubviews = YES;

2.设置子视图(topView)的适用方式:topView.autoresizingMask 

 typedef NS_OPTIONS(NSUInteger, UIViewAutoresizing) {

    UIViewAutoresizingNone                 = 0,

    UIViewAutoresizingFlexibleLeftMargin   = 1 << 0,

    UIViewAutoresizingFlexibleWidth        = 1 << 1,

    UIViewAutoresizingFlexibleRightMargin  = 1 << 2,

    UIViewAutoresizingFlexibleTopMargin    = 1 << 3,

    UIViewAutoresizingFlexibleHeight       = 1 << 4,

    UIViewAutoresizingFlexibleBottomMargin = 1 << 5

};

在iPhone竖屏幕中,状态栏占用20点,导航栏(或工具栏)占用44点,标签栏占用49点,实际这些尺寸在iPhone横屏幕和iPad上也保持不变。

绝对布局和相对布局:

  绝对布局就是视图或者控件在屏幕中的位置绝对,它的大小也是绝对的。即使它所在的父容器视图大小变化或者屏幕旋转了,它的位置也不变。相对布局在上述情况下,它的位置是变化的。使用绝对布局还是相对布局取决于应用场景。在IOS6之后,推出Autolayout布局技术。选择xib或故事板文件,打开文件检查器,可取消选中Use Autolayout复选框,然后选中改变布局的控件,打开其尺寸检查器,在View的Autosizing属性中,虚线线段代表是相对距离,实线线段代表是绝对距离,点击可相互切换。

旋转屏幕

 创建工程后,多创建一个

LandscapeViewController : UIViewController并一起创建xib文件,再在ViewController.h中添加两属性

@property(nonatomic,strong) UIView *mainPortraitView;

@property(nonatomic,strong) UIView *mainLandscapeView;
在ViewController.m中添加代码

– (void)viewDidLoad {

    [super viewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

    LandscapeViewController *landscapeViewController = [[LandscapeViewController alloc]initWithNibName:@"LandscapeViewController" bundle:NULL];

    (self.mainLandscapeView) = landscapeViewController.view;

    self.mainPortraitView = self.view;

}

-(BOOL)shouldAutorotate{

    return YES;

}

-(NSUInteger)supportedInterfaceOrientations

{

    return UIInterfaceOrientationMaskAllButUpsideDown;

}

-(void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration

{

    

 if (toInterfaceOrientation == UIInterfaceOrientationLandscapeRight) {

        NSLog(@"UIInterfaceOrientationLandscapeRight");

        self.view = self.mainLandscapeView;

        self.view.transform = CGAffineTransformMakeRotation(0);

 

        

    }else if(toInterfaceOrientation == UIInterfaceOrientationLandscapeLeft){

        NSLog(@"UIInterfaceOrientationLandscapeLeft");

        self.view = self.mainLandscapeView;

//        self.view.transform = CGAffineTransformMakeRotation(-M_PI);

 

        

 

    }else if(toInterfaceOrientation == UIInterfaceOrientationPortrait){

        NSLog(@"UIInterfaceOrientationPortrait");

        self.view = self.mainPortraitView;

        self.view.transform = CGAffineTransformMakeRotation(0);

 

        

 

    }else{

        NSLog(@"UIDeviceOrientationPortraitUpsideDown");

        self.view = self.mainPortraitView;

        self.view.transform = CGAffineTransformMakeRotation(M_PI);

 

 

    }

 

    [super willRotateToInterfaceOrientation:toInterfaceOrientation duration:duration];

}

 将

LandscapeViewController的View设置成横屏:

 

 

手动旋转(禁止自动旋转,有事件触发旋转)

 [[UIApplication sharedApplication] setStatusBarOrientation:UIInterfaceOrientationLandscapeRight];

CGRect rect = [UIScreen mainScreen].bounds;

 self.view.bounds = CGRectMake(0.0, 0.0, rect.size.width, rect.size.height); 

self.view.transform = CGAffineTransformMakeRotation(M_PI/2);

 

转载于:https://www.cnblogs.com/PJXWang/p/5127705.html

Published by

风君子

独自遨游何稽首 揭天掀地慰生平