setNeedsDisplay、setNeedsLayout

最新推荐文章于 2020-12-15 14:18:03 发布

张国兵

最新推荐文章于 2020-12-15 14:18:03 发布

阅读量627

点赞数

本文介绍iOS开发中UIView的setNeedsDisplay与setNeedsLayout方法的区别与应用场景，包括它们如何影响视图的绘制和布局调整，并提供iPad横竖屏切换的适配方案。

UIview需要知道的一些事情：setNeedsDisplay、setNeedsLayout

(2013-08-13 16:37:46)

转载▼

标签：

it

分类： ios编程

1、在Mac OS中NSWindow的父类是NSResponder，而在i OS 中UIWindow 的父类是UIVIew。程序一般只有一个窗口但是会又很多视图。

2、UIView的作用：描画和动画，视图负责对其所属的矩形区域描画、布局和子视图管理、事件处理、可以接收触摸事件、事件信息的载体、等等。

3、UIViewController 负责创建其管理的视图及在低内存的时候将他们从内存中移除。还为标准的系统行为进行响应。

4、layOutSubViews 可以在自己定制的视图中重载这个方法，用来调整子视图的尺寸和位置。

5、 UIView的setNeedsDisplay和setNeedsLayout方法。首先两个方法都是异步执行的。而setNeedsDisplay会调用自动调用drawRect方法，这样可以拿到UIGraphicsGetCurrentContext，就可以画画了。而setNeedsLayout 会默认调用layoutSubViews，就可以处理子视图中的一些数据。

宗上所诉，setNeedsDisplay方便绘图，而layoutSubViews方便出来数据

1,UIView的setNeedsDisplay和setNeedsLayout方法

首先两个方法都是异步执行的。而setNeedsDisplay会调用自动调用drawRect方法，这样可以拿到 UIGraphicsGetCurrentContext，就可以画画了。而setNeedsLayout会默认调用layoutSubViews，

就可以处理子视图中的一些数据。

综上所诉，setNeedsDisplay方便绘图，而layoutSubViews方便出来数据。

layoutSubviews在以下情况下会被调用：

1、init初始化不会触发layoutSubviews。
2、addSubview会触发layoutSubviews。
3、设置view的Frame会触发layoutSubviews，当然前提是frame的值设置前后发生了变化。
4、滚动一个UIScrollView会触发layoutSubviews。
5、旋转Screen会触发父UIView上的layoutSubviews事件。
6、改变一个UIView大小的时候也会触发父UIView上的layoutSubviews事件。

7、直接调用setLayoutSubviews。

drawRect在以下情况下会被调用：

1、如果在UIView初始化时没有设置rect大小，将直接导致drawRect不被自动调用。drawRect调用是在Controller->loadView, Controller->viewDidLoad 两方法之后掉用的.所以不用担心在控制器中,这些View的drawRect就开始画了.这样可以在控制器中设置一些值给View(如果这些View draw的时候需要用到某些变量值).

2、该方法在调用sizeToFit后被调用，所以可以先调用sizeToFit计算出size。然后系统自动调用drawRect:方法。
3、通过设置contentMode属性值为UIViewContentModeRedraw。那么将在每次设置或更改frame的时候自动调用drawRect:。
4、直接调用setNeedsDisplay，或者setNeedsDisplayInRect:触发drawRect:，但是有个前提条件是rect不能为0。
以上1,2推荐；而3,4不提倡

drawRect方法使用注意点：

1、若使用UIView绘图，只能在drawRect：方法中获取相应的contextRef并绘图。如果在其他方法中获取将获取到一个 invalidate的ref并且不能用于画图。drawRect：方法不能手动显示调用，必须通过调用setNeedsDisplay 或者 setNeedsDisplayInRect，让系统自动调该方法。
2、若使用calayer绘图，只能在drawInContext: 中（类似于drawRect）绘制，或者在delegate中的相应方法绘制。同样也是调用setNeedDisplay等间接调用以上方法
3、若要实时画图，不能使用gestureRecognizer，只能使用touchbegan等方法来掉用setNeedsDisplay实时刷新屏幕

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

ipad横竖屏切换解决方案

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

由于ipad的横竖屏不同，所以好的应用，横竖屏的页面布局也不一样。那么就需要横竖屏的整体解决方案。先看一个横竖屏布局不一样的界面。

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

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

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

事例的截图如下：

其中右面的文字和绿色部分是用一个子视图封装的。
整个布局是我在主视图中添加了一个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)];
}