服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - 详解iOS中UIView的layoutSubviews子视图布局方法使用

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

2021-01-17 20:46pengyingh IOS

这篇文章主要介绍了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方法,我们只需重写 这个方法,然后判断用户屏幕的方向。在调整每个空间的位置即可。

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

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

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

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

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

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

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

在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的调用机制。

延伸 · 阅读

精彩推荐
  • IOSiOS中时间与时间戳的相互转化实例代码

    iOS中时间与时间戳的相互转化实例代码

    这篇文章主要介绍了iOS中时间与时间戳的相互转化实例代码,非常具有实用价值,需要的朋友可以参考下。...

    张无忌!4812021-03-09
  • IOSiOS10 Xcode8适配7个常见问题汇总

    iOS10 Xcode8适配7个常见问题汇总

    这篇文章主要为大家详细汇总了iOS10 Xcode8适配7个常见问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    索马里猫10332021-02-01
  • IOSiOS常见的几个修饰词深入讲解

    iOS常见的几个修饰词深入讲解

    这篇文章主要给大家介绍了关于iOS常见的几个修饰词的相关资料,iOS修饰词包括assign、weak、strong、retain、copy、nonatomic、atomic、readonly、readwrite,文中通过示...

    郡王丶千夜7422021-05-10
  • IOSiOS逆向教程之logify跟踪方法的调用

    iOS逆向教程之logify跟踪方法的调用

    这篇文章主要给大家介绍了关于iOS逆向教程之logify跟踪方法调用的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学...

    Mr.Guo11472021-04-28
  • IOS谈一谈iOS单例模式

    谈一谈iOS单例模式

    这篇文章主要和大家谈一谈iOS中的单例模式,单例模式是一种常用的软件设计模式,想要深入了解iOS单例模式的朋友可以参考一下...

    彭盛凇11872021-01-19
  • IOSiOS APP实现微信H5支付示例总结

    iOS APP实现微信H5支付示例总结

    这篇文章主要介绍了iOS APP实现微信H5支付示例总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下...

    一张小A11332021-06-01
  • IOSxcode8提交ipa失败无法构建版本问题的解决方案

    xcode8提交ipa失败无法构建版本问题的解决方案

    xcode升级到xcode8后发现构建不了新的版本。怎么解决呢?下面小编给大家带来了xcode8提交ipa失败无法构建版本问题的解决方案,非常不错,一起看看吧...

    Cinna丶7542021-02-03
  • IOSIOS网络请求之AFNetWorking 3.x 使用详情

    IOS网络请求之AFNetWorking 3.x 使用详情

    本篇文章主要介绍了IOS网络请求之AFNetWorking 3.x 使用详情,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    总李写代码6892021-03-04