iOS-setNeedsDisplay和layoutSubViews

时间 2020-01-13

标签 ios setneedsdisplay layoutsubviews 栏目 iOS 繁體版

原文原文链接

今天跟旺才兄学习了一下UIView的setNeedsDisplay和setNeedsLayout方法。首先两个方法都是异步执行的。而setNeedsDisplay会调用自动调用drawRect方法，这样能够拿到UIGraphicsGetCurrentContext，就能够画画了。而setNeedsLayout会默认调用layoutSubViews，就能够处理子视图中的一些数据。
宗上所诉，setNeedsDisplay方便绘图，而layoutSubViews方便出来数据。异步

\ide

ipad横竖屏切换解决方案布局

2011年08月01日星期一 10:09学习

因为ipad的横竖屏不一样，因此好的应用，横竖屏的页面布局也不同。那么就须要横竖屏的总体解决方案。先看一个横竖屏布局不同的界面。spa

上面两张图是来自同一个界面的横竖版的截屏。能够看出，横竖版显示的内容相同，可是界面布局不一样。要实现上述布局，主要是运用UIView中 layoutSubviews方法。当UIView设置为自动适配屏幕时，当用户旋转设备的时候，会调用layoutSubviews方法，咱们只需重写这个方法，而后判断用户屏幕的方向。在调整每一个空间的位置便可。code

下面是实现上述界面的最简单的原型：orm

首先分析能够知道左面是图片，右面是一个图片加文字的视图。下面就实现一个左面视图右面是一个图加一段字的事例。图片

事例的截图以下：ip

其中右面的文字和绿色部分是用一个子视图封装的。get
整个布局是我在主视图中添加了一个ContentView视图，在ContentView视图中添加了一个ArticleView视图。
其中ArticleView和ContentView的xib文件都打开了

在ContentView中重写layoutSubviews方法，而后根据stausbar的方向判断当前视图的横竖屏。具体代码：

-(void)layoutSubviews{
    [super layoutSubviews];
    UIDeviceOrientation interfaceOrientation=[[UIApplication sharedApplication] statusBarOrientation];
    if (interfaceOrientation == UIDeviceOrientationPortrait || interfaceOrientation == UIDeviceOrientationPortraitUpsideDown) {
        //翻转为竖屏时
        [self setVerticalFrame];
    }else if (interfaceOrientation==UIDeviceOrientationLandscapeLeft || interfaceOrientation == UIDeviceOrientationLandscapeRight) {
        //翻转为横屏时
        [self setHorizontalFrame];
    }
}

-(void)setVerticalFrame
{
    NSLog(@"竖屏");
    [titleLable setFrame:CGRectMake(283, 0, 239, 83)];
    [leftView setFrame:CGRectMake(38, 102, 384, 272)];
    [rightView setFrame:CGRectMake(450, 102, 282, 198)];
}

-(void)setHorizontalFrame
{
    NSLog(@"横屏");
    [titleLable setFrame:CGRectMake(183, 0, 239, 83)];
    [leftView setFrame:CGRectMake(168, 122, 384, 272)];
    [rightView setFrame:CGRectMake(650, 122, 282, 198)];
}

在具体的横竖屏方法中，重新设置各个组件的坐标便可。
接下来在ContentView中添加ArticleView视图。

-(id)initWithCoder:(NSCoder *)aDecoder
{
    if ((self = [super initWithCoder:aDecoder])) {

        NSArray *arrayContentView =[[NSBundle mainBundle] loadNibNamed:@"ArticleView" owner:self options:nil];
        rightView=[arrayContentView objectAtIndex:0];
        [self addSubview:rightView];
    }
    return self;
}

因为我用的是xib，因此初始化方法为initWithCoder，在这个中添加新的视图。

一样在ArticleView中设置横竖屏相应空间的坐标便可。

-(void)layoutSubviews{
    [super layoutSubviews];
    UIDeviceOrientation interfaceOrientation=[[UIApplication sharedApplication] statusBarOrientation];
    CGRect rect=self.frame;
    rect.size.width=282;
    rect.size.height=198;
    [self setFrame:rect];
    if (interfaceOrientation == UIDeviceOrientationPortrait || interfaceOrientation == UIDeviceOrientationPortraitUpsideDown) {
        //翻转为竖屏时
        [self setVerticalFrame];
    }else if (interfaceOrientation==UIDeviceOrientationLandscapeLeft || interfaceOrientation == UIDeviceOrientationLandscapeRight) {
        //翻转为横屏时
        [self setHorizontalFrame];
    }
}

-(void)setVerticalFrame
{
    NSLog(@"竖屏");
    [contentView setFrame:CGRectMake(12, 6, 250, 125)];
    [textLable setFrame:CGRectMake(50, 139, 182, 39)];
}

-(void)setHorizontalFrame {     NSLog(@"横屏");     [contentView setFrame:CGRectMake(12, 6, 106, 158)];     [textLable setFrame:CGRectMake(135, 11, 147, 39)]; }