iOS修行---Auto Layout学习1

本文介绍如何使用AutoLayout通过NSLayoutConstraint类创建约束对象,并将其添加到View上实现正方形视图的布局,包括宽度、高度、顶部及左侧偏移等具体设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Auto Layout学习1

使用步骤:1.利用NSLayoutConstraint类创建约束对象  2.将约束对象添加到View上

例子:将一个正方形view加入vc中

UIView *centerView = [[UIView alloc]init];
    [self.view addSubview:centerView];
    centerView.backgroundColor = UIColorFromHex(0xFFEC8B, 1.0);
    centerView.translatesAutoresizingMaskIntoConstraints = NO;
注:UIColorFromHex是我自己定义的宏

下面加入约束

NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:centerView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:0.0 constant:150.0];
    [self.view addConstraint:widthConstraint];
    
    NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:centerView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:0.0 constant:150];
    [self.view addConstraint:heightConstraint];
    
    NSLayoutConstraint *topConstraint = [NSLayoutConstraint constraintWithItem:centerView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1.0 constant:200];
    [self.view addConstraint:topConstraint];

    NSLayoutConstraint *leftConstraint = [NSLayoutConstraint constraintWithItem:centerView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1.0 constant:100];
    [self.view addConstraint:leftConstraint];
这里简单介绍一下

constraintWithItem: 这里是要被约束的对象

attribute: 这里是约束种类(有好多种,下个文章分析吧)

relatedBy: 关系大小

typedef NS_ENUM(NSInteger, NSLayoutRelation) {
    NSLayoutRelationLessThanOrEqual = -1,
    NSLayoutRelationEqual = 0,
    NSLayoutRelationGreaterThanOrEqual = 1,
};
toItem: 建立约束关系的对象

attribute: 约束种类

multiplier:倍数

constant:常量

约束公式: 被约束对象.约束attribute  =  (关系对象.约束attribute) * 倍数multiplier + 常量constant; 

详细属性关系,使用例子下章说吧。。。因为我自己还没搞懂


补充iOS8以后新版约束方法

NSLayoutConstraint *centerX = [NSLayoutConstraint constraintWithItem:centerView attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeCenterX multiplier:1.0 constant:0];
    centerX.active = YES;





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值