ios xib和代码的frame布局 iOSXib布局后代码修改约束的值

如何修改autolayout 约束的值?


1

2

3

4

5

6

目前我已知的方法有5

1.修改frame(有时候可能会不起作用,但可以做动画)

2.修改约束的float

3.使用VisualFormat 语言

4.使用 constraintWithItem,按倍率改变   如  2x+1=Y 

5.移除约束(remove at runtime),添加新的约束

前面的文章已经讲到如何使用storyboard 创建约束了,但是在实际的开发中我们经常需要适配不同的屏幕尺寸和系统版本,这时我们就 需要用代码对 我们的布局进行适当的调整了,

先来介绍第2种方法:

直接修改 约束的值 ,这是最直接最简单,官方推荐的方法!比移除 约束再添加约束省事不少!

首先咱们来拖拽一个 view到 viewController上,设置好 上左宽高的值,确定 view的位置:

效果和约束值如下:

可以看出,约束是: 距离左边 10,上边 61,宽高未117,111

我们对图中的ViewController绑定类之后,拖拽 几个约束到 绑定的ViewController类的 延展中去:

如何拖拽?:

我们试着拖拽左边约束 和高度约束到 viewcontroller.m的延展中去

拖拽效果:

拖拽过程中会产生一条线,松手后需要你给这 outlet填写一个名词,点击connect或者回车 ,代码中就有啦!

原拖拽成功的最终在代码中的效果是:

下面我们来修改 ,这个view的 top上边界的,和 view的高度,使其都增加100:

代码如下:


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

//

//  ViewController.m

//  SizeClass

//

//  Created by http://blog.csdn.net/yangbingbinga 15/1/21.

//  Copyright (c) 2015年 http://blog.csdn.net/yangbingbinga All rights reserved.

//

#import ViewController.h

@interface ViewController ()

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *top;

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *height;

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    

    

//    self.top.constant+=100;

//    self.height.constant+=100;

    

}

@end

当我们注释 这段 代码的时候,运行的效果是这个样子的:

可以看到,这个 view的宽高我们设置的是一样的:

当我们把注释打开时:


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

//

//  ViewController.m

//  SizeClass

//

//  Created by http://blog.csdn.net/yangbingbinga 15/1/21.

//  Copyright (c) 2015年 http://blog.csdn.net/yangbingbinga All rights reserved.

//

#import ViewController.h

@interface ViewController ()

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *top;

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *height;

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    

    

    self.top.constant+=100;

    self.height.constant+=100;

    

}

@end

运行效果如下:

可以看到top的值 ,,和之前比 增加了100,高度也增加了100!

可以说明的是,每一个


1

NSLayoutConstraint的对象,都有 constant 值,我们 拖拽到代码中可以直接改变其值,也不会产生任何警告和冲突!


1

但是,这还没完,你在开发时可能会遇到,在 viewDidLoad中修改 过  constant值,或者修改其他约束的值,却没有产生任何效果:


1

这是因为  :你在storyboard设置的约束是这样处理的  :  你在 viewDidLoad中修改的约束的代码块运行了,但是 运行完之后 又被 storyboard自己的配置给覆盖了,所以 你看到的还是你之前设置的约束!


1

解决办法: 让修改  constant值或者约束的语句延迟执行即可!即使是 0.1秒,也能让 在storyboard初始完成之后你再修改相应的约束,这样就不会被覆盖掉了!


1

具体方法:见代码


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

//

//  ViewController.m

//  SizeClass

//

//  Created by http://blog.csdn.net/yangbingbinga 15/1/21.

//  Copyright (c) 2015年 http://blog.csdn.net/yangbingbinga All rights reserved.

#import ViewController.h

@interface ViewController ()

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *top;

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *height;

@end

@implementation ViewController

- (void)viewDidLoad

{

    [super viewDidLoad];

    [self performSelector:@selector(modifyConstant) withObject:nil afterDelay:0.1];//延迟加载,执行

  1. modifyConstant,0.1秒之后再 改变约束值!

}- (void)modifyConstant//把修改的代码放在一个房里里!{ self.top.constant+=100; self.height.constant+=100;}@end

转载自:溺水的小小鱼

时间: 2024-11-08 12:08:13

ios xib和代码的frame布局 iOSXib布局后代码修改约束的值的相关文章

iOS AutoLayout自动布局中级开发教程(5)-修改约束的值,延迟加载

如何修改autolayout 约束的值? <span style="font-family:SimSun;">目前我已知的方法有5种 1.修改frame(有时候可能会不起作用,但可以做动画) 2.修改约束的float值 3.使用VisualFormat 语言 4.使用 constraintWithItem,按倍率改变   如  2x+1=Y  5.移除约束(remove at runtime),添加新的约束</span> 前面的文章已经讲到如何使用storybo

iOS 8 Auto Layout界面自动布局系列5-自身内容尺寸约束、修改约束、布局动画

首先感谢众多网友的支持,最近我实在是事情太多,所以没有写太多.不过看到大家的反馈和评价,我还是要坚持挤出时间给大家分享我的经验.如果你对我写的东西有任何建议.意见或者疑问,请到我的博客留言: http://blog.csdn.net/pucker 好了,言归正传.本系列的前几篇文章讲解了自动布局的原理,以及如何添加约束.这篇文章主要介绍以下内容: 某些用户控件具有自身内容尺寸约束 使用视图调试工具在运行时查看和调试程序界面视图层次.尺寸和自动布局约束 创建约束的对象关联 通过修改约束的常量值.删

iOS设备横屏时,frame和bounds的分别

工程中有两个ViewControllers,其中ViewController是root view controller,底色是红色,上面有一个按钮,点击后加载GreenViewController,并显示其视图,底色是绿色. 首先是ViewController的代码: #import "ViewController.h" #import "GreenViewController.h" @interface ViewController () @end @implem

iOS 开发 ZFUI framework控件,使布局更简单

来自:http://www.jianshu.com/p/bcf86b170d9c 前言 为什么会写这个?因为在iOS开发中,界面的布局一直没有Android布局有那么多的方法和优势,我个人开发都是纯代码,Masonry这个框架我在开发中也是不用的,一个是代码布局的时候,代码量比较多,另外好像在iOS10 布局有问题,网上也有些解决的方法了. 所以就想能自定义一些UI控件,使布局更加简单 实现思路 可以像Android的wrap_content一样,是UILabel 可以根据内容来展示控件的宽高

iOS 11开发教程(十四)iOS11应用代码添加视图

iOS 11开发教程(十四)iOS11应用代码添加视图 如果开发者想要使用代码为主视图添加视图,该怎么办呢.以下将为开发者解决这一问题.要使用代码为主视图添加视图需要实现3个步骤. (1)实例化视图对象 每一个视图都是一个特定的类.在Swift中,经常会说,类是一个抽象的概念,而非具体的事物,所以要将类进行实例化.实例化一个视图对象的具体语法如下: let/var 对象名=视图类() 以我们接触的第一个视图View为例,它的实例化对象如下: let newView=UIView() 其中,UIV

ios网络学习------8 xml格式数据的请求处理 用代码块封装

#pragma mark 加载xml - (void)loadXML { //获取网络数据. NSLog(@"load xml"); //从web服务器加载数据 NSString *str = @"http://www.baidu.com?format=xml"; //这里是乱写的 //1简历NSURL NSURL *url = [NSURL URLWithString:str]; //2建立NSURLRequest NSURLRequest *request =

iOS xib View宽高不能改变

IOS - xib(Interface Builder,view) - can't change view size(view不能改变大小问题) 今天在试着swift语言写个demo,,当中遇到了这个问题,分享一下 当我们自己定义tableview.collectionview的cell,也有时候我们要自己定义窗体xib,但创建xib后,其height.width不可改动. 这时问题就来了.怎么才干使我们的自己定义xib宽高可改动: 项目中创建xib,单独的view时, 方法: 默认Simula

ios开发之UIView的frame、bounds跟center属性的区别(附图)

博文暂时想到什么写什么,不顺理成章,不顺章成篇. 先看几个概念 坐标点Poit:向右侧为X轴正方向的值x,原点下侧为Y轴正方向的值y 大小Size:由宽度width和高度height构成,表示一个矩形 区域Rect:它有坐标点Poit和大小Size构成,表示一个区域,既有位置也有大小 相对:有参照物,因参照物的大小位置改变而改变 绝对:无参照物,大小位置固定 再看代码构成: 点由这样来创建,X轴大小和Y大小 CGPoint point = CGPointMake(80,40) 大小Size由这样

常用的jQuery九宫格布局图片展示特效代码

jquery九宫格布局图片鼠标经过遮罩显示文字效果 jQuery图片九宫格布局鼠标悬停显示文字效果代码 jquery九宫格图片制作鼠标悬停图片滑动展示特效 jquery仿qq图片九宫格布局点击按钮图片换一换效果代码 jQuery响应式图片九宫格布局点击图片查看大图效果代码 jquery hover事件鼠标悬停九宫格图片高亮显示代码 jQuery百度新闻文字列表九宫格布局鼠标悬停文字滑动效果代码 jquery hover九宫格图片鼠标悬停上下滑动图片切换显示代码 jquery win8风格九宫格布