屏幕布局

Posted 2020-06-13

　　移动应用开发比桌面应用更难开发，同样一个应用的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个像素，而没采用视网膜屏幕技术的一个点包括一个像素

在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设置成横屏：