详解iOS中UIView的layoutSubviews子视图布局方法使用

 更新时间:2016年04月27日 09:17:53   作者:pengyingh  
这篇文章主要介绍了iOS中UIView的layoutSubviews子视图布局方法使用,文中举了一个layoutSubviews在iPad横竖屏切换时被调用用来重新布局的实例,需要的朋友可以参考下

概念
在UIView里面有一个方法layoutSubviews:

复制代码 代码如下:

- (void)layoutSubviews;    // override point. called by layoutIfNeeded automatically. As of iOS 6.0, when constraints-based layout is used the base implementation applies the constraints-based layout, otherwise it does nothing.

layoutSubviews方法的具体作用
layoutSubviews是对subviews重新布局。比如,我们想更新子视图的位置的时候,可以通过调用layoutSubviews方法,既可以实现对子视图重新布局。
layoutSubviews默认是不做任何事情的,用到的时候,需要在自雷进行重写。

实例
由于ipad的横竖屏不同,所以好的应用,横竖屏的页面布局也不一样。那么就需要横竖屏的整体解决方案。先看一个横竖屏布局不一样的界面。
下面两张图是来自同一个界面的横竖版的截屏。可以看出,横竖版显示的内容相同,但是界面布局不同。要实现上述布局,主要是运用UIView中 layoutSubviews方法。当UIView设置为自动适配屏幕时,当用户旋转设备的时候,会调用layoutSubviews方法,我们只需重写 这个方法,然后判断用户屏幕的方向。在调整每个空间的位置即可。

201642791446629.jpg (360×480)

201642791505056.jpg (640×480)

下面是实现上述界面的最简单的原型:
首先分析可以知道左面是图片,右面是一个图片加文字的视图。下面就实现一个左面视图右面是一个图加一段字的事例。
事例的截图如下

201642791524044.png (372×480)

201642791543249.png (549×423)

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

201642791604398.png (212×64)

在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)];
}

总结
layoutSubviews以下情况会被调用:

苹果官方文档已经强调,不能直接调用layoutSubviews对子视图进行重新布局。那么,layoutSubviews什么情况下会被调用呢?通过百度搜索,发现以下几种情况layoutSubviews会被调用。

  • 直接调用setLayoutSubviews。(这个在上面苹果官方文档里有说明)
  • addSubview的时候。
  • 当view的frame发生改变的时候。
  • 滑动UIScrollView的时候。
  • 旋转Screen会触发父UIView上的layoutSubviews事件。
  • 改变一个UIView大小的时候也会触发父UIView上的layoutSubviews事件。

我简单测试了一下,上面基本都会被调用。 注意:

当view的fram的值为0的时候,`addSubview`也不会调用`layoutSubviews`的。
layoutSubviews方法在对自雷视图进行布局的时候非常方便。可以自己动手,深入理解layoutSubviews的调用机制。

相关文章

  • iOS10适配问题收集整理

    iOS10适配问题收集整理

    本文是小编给大家收集整理些有关iOS10适配问题的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • iOS实现简易抽屉效果、双边抽屉效果

    iOS实现简易抽屉效果、双边抽屉效果

    这篇文章主要为大家详细介绍了两款iOS抽屉效果,简易抽屉效果、以及双边抽屉效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • iOS中常见正则表达式验证方法

    iOS中常见正则表达式验证方法

    本篇文章主要介绍了iOS中常见正则表达式验证方法,主要包括有身份证、手机号、军官证,有兴趣的可以了解一下。
    2017-06-06
  • iOS直播类APP开发流程解析

    iOS直播类APP开发流程解析

    这篇文章主要为大家详细解析了iOS直播类APP开发流程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 详解IOS中Tool Bar切换视图方法

    详解IOS中Tool Bar切换视图方法

    这篇文章主要介绍了详解IOS中Tool Bar切换视图方法以及实例代码分析,需要的朋友学习一下吧。
    2017-12-12
  • iOS10 ATS 配置详细介绍

    iOS10 ATS 配置详细介绍

    这篇文章主要介绍了iOS10 ATS 配置详细介绍的相关资料,这里举例说明该如何配置,需要的朋友可以参考下
    2016-12-12
  • iOS 11 UINavigationItem 去除左右间隙的方法

    iOS 11 UINavigationItem 去除左右间隙的方法

    本篇文章主要介绍了iOS 11 UINavigationItem 去除左右间隙的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 基于iOS pod最新的安装和使用方法(分享)

    基于iOS pod最新的安装和使用方法(分享)

    下面小编就为大家分享一篇基于iOS pod最新的安装和使用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • iOS支付宝使用方法详解

    iOS支付宝使用方法详解

    这篇文章主要为大家详细介绍了iOS支付宝的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • Xcode8下iOS10常见报错闪退,字体适配和编译不过的问题及解决方案

    Xcode8下iOS10常见报错闪退,字体适配和编译不过的问题及解决方案

    苹果推送了iOS10,好多朋友迅速即将系统升级了ios10,然后遇到好多问题。下面小编给针对遇到的问题给大家介绍解决方法,希望对大家有所帮助,感兴趣的朋友可以参考下
    2016-09-09

最新评论