iOS autoresizing布局

在对UIView以及其子类空间的布局方案有多种,今天温习了一下autoresizing布局

一、了解一下相关知识:

1、UIView其中一个属性为

  @property(nonatomic) UIViewAutoresizing autoresizingMask;    // simple resize. default is UIViewAutoresizingNone

  该布局方案主要是对该属性的设置

2、UIViewAutoresizing为可选类型( NS_OPTIONS、NS_ENUM略有不同)

typedef NS_OPTIONS(NSUInteger, UIViewAutoresizing) {

UIViewAutoresizingNone                 = 0,   //不会随父视图的改变而改变

UIViewAutoresizingFlexibleLeftMargin   = 1 << 0,   //自动调整view与父视图左边距,以保证右边距不变

UIViewAutoresizingFlexibleWidth        = 1 << 1,   //自动调整view的宽度,保证左边距和右边距不变

UIViewAutoresizingFlexibleRightMargin  = 1 << 2,  //自动调整view与父视图右边距,以保证左边距不变

UIViewAutoresizingFlexibleTopMargin    = 1 << 3,  //自动调整view与父视图上边距,以保证下边距不变

UIViewAutoresizingFlexibleHeight       = 1 << 4,  //自动调整view的高度,以保证上边距和下边距不变

UIViewAutoresizingFlexibleBottomMargin = 1 << 5  //自动调整view与父视图的下边距,以保证上边距不变

};

二、想要在xib或者storyboard上使用此布局方案,要讲默认的布局方案(AutoLayout以及Size classes)关闭

在纯代码编程中使用此布局时需要注意:

  UIView的autoresizesSubviews属性为yes时(默认为yes),autoresizing才会生效。

三、以xib为例

很久没有使用xib,刚使用过程中还出现一点以前遇到的问题:

loaded the "TestViewController" nib but the view outlet was not set.

解决方法:右击File‘s Owner ,在弹出列表中的view项右击连线到xib即可(即将此view设置为File‘s Owner的属性),如下图

休息片刻之后,继续回来:

下图中给橙色控件的autoresizingMask属性设置的值有四个UIViewAutoresizingFlexibleRightMargin、UIViewAutoresizingFlexibleWidth、UIViewAutoresizingFlexibleLeftMargin、UIViewAutoresizingFlexibleBottomMargin(顺序从左到右、从上到下),目的是让橙色button的左边距、右边距、上边距固定,宽度可变、高度不变,在任何尺寸的屏幕下都是如此!

此效果用代码显示的话为

self.view.autoresizesSubviews = YES;

CGFloat margin = 8;

CGFloat buttonY = 65;

CGFloat height = 143;

CGFloat width = [UIScreen mainScreen].bounds.size.width - margin * 2;

UIButton *btn = [[UIButton alloc]initWithFrame:CGRectMake(margin, buttonY, width, height)];

[btn setTitle:@"Autoresizing" forState:UIControlStateNormal];

[btn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

[btn setBackgroundColor:[UIColor orangeColor]];

[self.view addSubview:btn];

// autoresizing布局

btn.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleBottomMargin;

即可展示和xib一样的效果

在此过程中,出现个小小的问题,就是横屏、竖屏切换过程中,导航栏高度变化,会导致上边距有变化(效果上看来是上边距变化),

想了一下解决办法,代码如下

self.edgesForExtendedLayout = UIRectEdgeNone; // 布局时忽略导航栏高度(iOS7之后的属性)

这样就可以避免导航栏高度随横竖屏切换变化对布局产生的影响!

   

时间: 2024-11-10 01:57:30

iOS autoresizing布局的相关文章

iOS界面布局之三——纯代码的autoLayout及布局动画

iOS界面布局之三--纯代码的autoLayout及布局动画 一.引言 关于界面布局,apple的策略已经趋于成熟,autolayout的优势在开发中也已经展现的淋漓尽致.除了使用storyBoard进行布局约束的拖拽,有时我们也需要在代码中进行autolayout的布局设置,Masonry库可以方便的创建约束属性,实际上,我们也没有必要再使用系统原生的代码来创建和设置约束,这篇博客只作为使用的方法备忘.前几篇布局介绍的链接如下: 使用autoresizing进行界面布局:http://my.o

【IOS界面布局】横竖屏切换和控件自适应(推荐)

[IOS界面布局]横竖屏切换和控件自适应(推荐) 分类: [MAC/IOS下开发]2013-11-06 15:14 8798人阅读 评论(0) 收藏 举报 横竖屏切换 自适应 第一种:通过人为的办法改变view.transform的属性. 具体办法: view.transform一般是View的旋转,拉伸移动等属性,类似view.layer.transform,区别在于 View.transform是二维的,也就是使用仿射的办法通常就是带有前缀CGAffineTransform的类(可以到API

iOS界面布局的核心以及TangramKit介绍

前言 TangramKit是iOS系统下用Swift编写的第三方界面布局框架.他集成了iOS的AutoLayout和SizeClass以及Android的五大容器布局体系以及HTML/CSS中的float和flex-box的布局功能和思想,目的是为iOS开发人员提供一套功能强大.多屏幕灵活适配.简单易用的UI布局解决方案.Tangram的中文即七巧板的意思,取名的寓意表明这个布局库可以非常灵巧和简单的解决各种复杂界面布局问题.他的同胞框架:MyLayout是一套用objective-C实现的界面

iOS界面布局设计

参考资料: 1. 谈谈如何学习ios 8的界面和布局设计 2. iOS 8 Auto Layout界面布局系列 3. 为iPhone 6设计自适应布局 4. 几张图弄明白iOS布局中的尺寸问题

iOS自适应布局之Masonry(一)

前言 iPhone 5之前我们对应用布局停留在3.5寸一个屏幕的阶段,当时的安卓屌丝们是多么的羡慕iOS开发,不会被大量的屏幕适配所烦恼.随着iPhone产品的迭代,逐渐出现4寸.4.7寸.5.5寸-.,你们说,iphone10+会有多少寸?O(∩_∩)O~ 简介 正因为上面说的那样,屏幕的尺寸逐步增多,还沿用以前的方法布局显然是不行的,这时候为布局引进新的结局办法NSAutoLayout,但苹果提供的比较复杂麻烦,所以就有人在此基础上进行封装,而提供一种高效的框架--Masonary 安装 如

iOS Autoresizing Autolayout Size classes

Autoresizing:出现最早,仅仅能够针对父控件做约束(注意:要关闭Autolayout&Size classes才能够看到Autoresizing) 代码对应: UIView.h中的autoresizingMask属性 @property(nonatomic) UIViewAutoresizing autoresizingMask;    // simple resize. default is UIViewAutoresizingNone typedef NS_OPTIONS(NSUI

iOS - FlexBox 布局之 YogaKit

为什么要了解 FlexBox? 最近时不时的听到关于 FlexBox 的声音,除了在 Weex 以及 React Native 两个著名的跨平台项目里有用到 FlexBox 外,AsyncDisplayKit 也同样引入了 FlexBox . 先说说 iOS 本身提供给我们 2 种布局方式: Frame,直接设置横纵坐标,并指定宽高. Auto Layout,通过设置相对位置的约束进行布局. Frame 没什么太多可说的了,直接制定坐标和大小,设置绝对值. Auto Layout 本身用意是好的

蓝懿IOS页面布局AuToLayou

今天接触了页面布局的东西,刘国斌老师详细的用图形编程的方式和代码都将解了一遍.代码和stroyboard感觉都比较麻烦,而且逻辑思维要求比较高. Editor菜单上有一个Resolve Auto Layout Issues子菜单.从这个菜单中,选中Update Constraints.就我这个情况来说,这会告诉Interface Builder需要将约束变大64点,像这样: 很好,T-bars又变蓝了,布局是有效的.在Document Outline中,你可以看到Horizontal Space

IOS屏幕布局

1.iPad和iPhone的屏幕布局 在IB中,屏幕或控件的尺寸以点为单位.在视网膜技术中,1个点包括4个像素,而没有采用视网膜屏幕技术的还是1个点包括1个像素. 2.绝对布局和相对布局 3.使用AutoLayout布局 i.AutoLayout为空间布局定义了一套约束(constraint),约束定义了控件与视图之间的关系. ii.在垂直距离的约束属性设定中, Relation:指设定的距离之间的关系,包括3个选项——等于.大于等于和小于等于. Constant:约束数值. Priority: