自定义NSLayoutConstraint约束库

最新推荐文章于 2019-10-09 11:28:48 发布
最新推荐文章于 2019-10-09 11:28:48 发布
阅读量643 收藏
点赞数 2
分类专栏： 约束 文章标签： 约束
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Luck_Developer/article/details/73470075
版权

首先我们先看一下API给的约束方式。

假如有一个subView他的父视图为superView

NSLayoutConstraint * layoutConstraint = [NSLayoutConstraint 
constraintWithItem:(subView的约束) attribute:(subView哪个约束) relatedBy:（约束关系（小于或等于 ）（等于）（大于或等于）） toItem:（superView） attribute:（superView的哪个约束条件） multiplier:（向量系数（类似几倍于）） constant:（偏移量）];

layoutConstraint.identifier = identifier;//设置约束标识用于更新或删除约束

[superView addConstraint:subView];//添加到父视图中

也可以通过此种方式添加
[superView addConstraints:<#(nonnull NSArray<__kindof NSLayoutConstraint *> *)#>]

移除一组约束
[superView removeConstraint:identifier];

这样我们就可以得到一个约束条件，一般我们只需要4个不同的约束条件就可以确定一个subView在superView中的位置，这里就简单的介绍这些，因为这些足够我们使用了。
接下来我们开始自定义约束，咱们都是对一个view进行约束的，所以新建一个UIView的Category。

添加一个函数，该函数里调用系统Api的约束创建，并返回一个约束

/**
 * 设置一个约束

 @param myAttribute 约束我的那个条件
 @param layoutRelation 约束关系
 @param toView 依赖谁
 @param toAttribute 依赖它的哪个条件
 @param multiplier 向量系数
 @param constant 偏移量
 @return NSLayoutConstraint
 */
- (NSLayoutConstraint *)addConstraintmyWitthAttribute:(NSLayoutAttribute)myAttribute
       LayoutRelation:(NSLayoutRelation)layoutRelation
               ToView:(UIView * )toView
    toLayoutAttribute:(NSLayoutAttribute)toAttribute
           multiplier:(CGFloat)multiplier
             constant:(CGFloat)constant
           identifier:(NSString * )identifier{


    //为了避免和系统生成的自动伸缩的约束不冲突 设置为NO
    self.translatesAutoresizingMaskIntoConstraints = NO;

    NSLayoutConstraint * layoutConstraint = [NSLayoutConstraint constraintWithItem:self                                                                             
         attribute:myAttribute                                                                  
         relatedBy:layoutRelation                                                                  
            toItem:toView                                                
         attribute:toAttribute                                                                       
        multiplier:multiplier                                                                          
          constant:constant];

    layoutConstraint.identifier = identifier;//设置约束标识

    return layoutConstraint;
}

/**
 给View添加Top方向的约束,并依赖toView的Top方向约束

 @param toView 依赖View
 @param offset 偏移量
 @param identifier 该约束的标识
 @return NSLayoutConstraint *      使用addConstraint:函数添加约束
 */
- (NSLayoutConstraint *)addTopConstraintToViewTop:(UIView * )toView Offset:(CGFloat)offset identifier:(NSString * )identifier{

    return [self addConstraintmyWitthAttribute:NSLayoutAttributeTop 
               LayoutRelation:NSLayoutRelationEqual 
                       ToView:toView 
            toLayoutAttribute:NSLayoutAttributeTop 
                   multiplier:1.0 
                     constant:offset 
                   identifier:identifier];
}
/**
 *  给View添加Top方向的约束,并依赖toView的Bottom方向约束

 @param toView 依赖View
 @param offset 偏移量
 @param identifier 该约束的标识
 @return NSLayoutConstraint *      使用addConstraint:函数添加约束
 */
- (NSLayoutConstraint *)addTopConstraintToViewBottom:(UIView * )toView Offset:(CGFloat)offset identifier:(NSString * )identifier{

    return [self addConstraintmyWitthAttribute:NSLayoutAttributeTop 
   LayoutRelation:NSLayoutRelationEqual 
           ToView:toView                                                          toLayoutAttribute:NSLayoutAttributeBottom
       multiplier:1.0 
         constant:offset 
       identifier:identifier];
}
/**
 *  给View添加left方向的约束,并依赖toView的left方向约束

 @param toView 依赖View
 @param offset 偏移量
 @param identifier 该约束的标识
 @return NSLayoutConstraint *  使用addConstraint:函数添加约束
 */
- (NSLayoutConstraint * )addLeftConstraintToViewLeft:(UIView * )toView Offset:(CGFloat)offset identifier:(NSString * )identifier{

   return [self addConstraintmyWitthAttribute:NSLayoutAttributeLeft 
   LayoutRelation:NSLayoutRelationEqual 
           ToView:toView 
toLayoutAttribute:NSLayoutAttributeLeft 
       multiplier:1.0 
         constant:offset 
       identifier:identifier];
}
/**
 *  给View添加left方向的约束,并依赖toView的Right方向约束

 @param toView 依赖View
 @param offset 偏移量
 @param identifier 该约束的标识
 @return NSLayoutConstraint *  使用addConstraint:函数添加约束
 */
- (NSLayoutConstraint * )addLeftConstraintToViewRight:(UIView * )toView Offset:(CGFloat)offset identifier:(NSString * )identifier{

    return [self addConstraintmyWitthAttribute:NSLayoutAttributeLeft 
               LayoutRelation:NSLayoutRelationEqual 
                       ToView:toView
            toLayoutAttribute:NSLayoutAttributeRight 
                   multiplier:1.0 
                     constant:offset 
                   identifier:identifier];
}
/**
 *  给View添加Bottom方向的约束,并依赖toView的Bottom方向约束

 @param toView 依赖View
 @param offset 偏移量
 @param identifier 该约束的标识
 @return NSLayoutConstraint *  使用addConstraint:函数添加约束
 */
- (NSLayoutConstraint *)addBottomConstraintToViewBottom:(UIView * )toView Offset:(CGFloat)offset identifier:(NSString * )identifier{

    return [self addConstraintmyWitthAttribute:NSLayoutAttributeBottom 
               LayoutRelation:NSLayoutRelationEqual 
                       ToView:toView 
            toLayoutAttribute:NSLayoutAttributeBottom 
                   multiplier:1.0 
                     constant:offset 
                   identifier:identifier];
}

/**
    给View添加Bottom方向的约束,并依赖toView的Top方向约束

 @param toView 依赖View
 @param offset 偏移量
 @param identifier 该约束的标识
 @return NSLayoutConstraint *  使用addConstraint:函数添加约束
 */
- (NSLayoutConstraint *)addBottomConstraintToViewTop:(UIView * )toView Offset:(CGFloat)offset identifier:(NSString * )identifier{

    return [self addConstraintmyWitthAttribute:NSLayoutAttributeBottom 
               LayoutRelation:NSLayoutRelationEqual 
                       ToView:toView 
            toLayoutAttribute:NSLayoutAttributeTop 
                   multiplier:1.0
                     constant:offset 
                   identifier:identifier];
}
/**
    给View添加Right方向的约束,并依赖toView的Right方向约束

 @param toView 依赖View
 @param offset 偏移量
 @param identifier 该约束的标识
 @return NSLayoutConstraint *  使用addConstraint:函数添加约束
 */
- (NSLayoutConstraint *)addRightConstraintToViewRight:(UIView * )toView Offset:(CGFloat)offset identifier:(NSString * )identifier
{
    return [self addConstraintmyWitthAttribute:NSLayoutAttributeRight 
               LayoutRelation:NSLayoutRelationEqual 
                       ToView:toView 
            toLayoutAttribute:NSLayoutAttributeRight 
                   multiplier:1.0 
                     constant:offset 
                   identifier:identifier];
}

/**
 *  给View添加Right方向的约束,并依赖toView的Left方向约束

 @param toView 依赖View
 @param offset 偏移量
 @return NSLayoutConstraint *  使用addConstraint:函数添加约束
 */
- (NSLayoutConstraint *)addRightConstraintToViewLeft:(UIView * )toView Offset:(CGFloat)offset identifier:(NSString * )identifier
{
    return [self addConstraintmyWitthAttribute:NSLayoutAttributeRight 
               LayoutRelation:NSLayoutRelationEqual
                       ToView:toView 
            toLayoutAttribute:NSLayoutAttributeLeft 
                   multiplier:1.0 
                     constant:offset 
                   identifier:identifier];
}

剩下的对宽高等约束再自行添加吧，接下来说如何删除一个约束

//加YR 避免重写系统的函数
- (void)removeConstraintYR:(NSString * )identifier{
    for (NSLayoutConstraint * obj in self.superview.constraints) {
        //找到对应要删除的约束
        if ([obj.identifier isEqualToString:identifier]) {
            //从父视图中删除
            [self.superview removeConstraint:obj];
        }
    }
}

“`
约束关系
typedef NS_ENUM(NSInteger, NSLayoutRelation) {
NSLayoutRelationLessThanOrEqual = -1,（小于或等于 ）
NSLayoutRelationEqual = 0,（等于）
NSLayoutRelationGreaterThanOrEqual = 1,（大于或等于）
};

typedef NS_ENUM(NSInteger, NSLayoutAttribute) {
NSLayoutAttributeLeft = 1,
NSLayoutAttributeRight,
NSLayoutAttributeTop,
NSLayoutAttributeBottom,
NSLayoutAttributeLeading,
NSLayoutAttributeTrailing,
NSLayoutAttributeWidth,
NSLayoutAttributeHeight,
NSLayoutAttributeCenterX,
NSLayoutAttributeCenterY,
NSLayoutAttributeLastBaseline,
NSLayoutAttributeBaseline NS_SWIFT_UNAVAILABLE(“Use ‘lastBaseline’ instead”) = NSLayoutAttributeLastBaseline,
NSLayoutAttributeFirstBaseline NS_ENUM_AVAILABLE_IOS(8_0),

NSLayoutAttributeLeftMargin NS_ENUM_AVAILABLE_IOS(8_0),
NSLayoutAttributeRightMargin NS_ENUM_AVAILABLE_IOS(8_0),
NSLayoutAttributeTopMargin NS_ENUM_AVAILABLE_IOS(8_0),
NSLayoutAttributeBottomMargin NS_ENUM_AVAILABLE_IOS(8_0),
NSLayoutAttributeLeadingMargin NS_ENUM_AVAILABLE_IOS(8_0),
NSLayoutAttributeTrailingMargin NS_ENUM_AVAILABLE_IOS(8_0),
NSLayoutAttributeCenterXWithinMargins NS_ENUM_AVAILABLE_IOS(8_0),
NSLayoutAttributeCenterYWithinMargins NS_ENUM_AVAILABLE_IOS(8_0),

NSLayoutAttributeNotAnAttribute = 0

};

“`gitHub地址: https://github.com/HMWDavid/YRLayoutConstraint
cocoaPods: pod ‘YRLayoutConstraint’ , ‘~>1.0.5’

这个是本人写的不是很全，还可以优化的地方，可以借鉴一下http://download.csdn.net/detail/luck_developer/9875161

Luck_Developer_绵卫
关注
专栏目录
使用NSLayoutConstraint添加约束线
yanhaijunyan的博客
02-24 411
参考链接： http://www.jianshu.com/p/a4812b01a2a3 //view1可以待布局元件也可以为参考元件 //view2可以参考元件也可以为待布局元件 //事件函数计算公式: //view1.attr1 <relation> view2.attr2 * multiplier + constant //view1：约束线左(上)边端的元件(左(上)元件1) //attr1：指定view1约束线相关的轴线属性attr1(左(上)元
IOS之NSLayoutConstraint布局约束详解
watertekhqx的博客
03-09 3343
IOS 布局约束 小白的福音 NSLayoutConstraint
NSLayoutConstraint
热门推荐
code life
03-08 3万+
首先说按比例缩放，这是在Interface Builder中无法设置的内容。而在代码中，使用NSLayoutConstraint类型的初始化函数中的multiplier参数就可以非常简单的设置按比例缩放。同时也可以设置不同NSLayoutAttribute参数来达到意想不到的效果，比如“A的Width等于B的Height的2倍”这样的效果。 OK，开始写代码，我们就拿一个简单的UIButto
iOS Masonry约束自定义TableViewCell自适应行高的约束冲突的问题
高级软件开发工程师--周玉的博客
12-14 1万+
纯代码使用Masonry进行子控件约束的时候(尤其是tableViewCell的子控件自动适应行高),经常会出现下面约束警告2017-12-29 16:24:42.645364+0800 project[3804:770025] [LayoutConstraints] Unable to simultaneously satisfy constraints. Probably at leas
Swift实现自定义tableViewCell
07-02
// 添加约束，确保元素位置正确 NSLayoutConstraint.activate([ label.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16), label.topAnchor.constraint(equalTo: contentView....
swift-自定义alertView；支持带图标自定义视图的alertView
08-15
设置约束时，我们可以使用`NSLayoutConstraint`，确保标题、消息、图标和自定义视图之间的间距和对齐方式。 ```swift override init(frame: CGRect) { super.init(frame: frame) setupViews() } required init?...
纯代码约束
11-24
- **自定义布局引擎**：对于更复杂的布局，开发者可以创建自定义布局引擎，继承自UICollectionViewFlowLayout或UITableViewFlowLayout，并覆盖其方法以实现自定义的约束逻辑。 纯代码约束的学习和实践可以帮助...
Swift写的自定义tabbar
05-03
我们可以使用NSLayoutConstraint或者故事板中的约束来实现这一点。 在事件处理方面，我们需要监听用户点击TabBarItem的行为。这可以通过实现触摸事件（如touchUpInside）或者使用 gesture recognizers 来完成。一旦...
NSLayoutConstraint-代码实现自动布局的函数用法说明
u014014449的专栏
07-10 855
1 2 3 4 5 6 7 [NSLayoutConstraint constraintWithItem:(id)item                              attribute:(NSLayoutAttribute)attribute                              relate
NSLayoutConstraint代码篇
snow_moon_night的专栏
06-08 527
AutoLayout的三种设置方式之——NSLayoutConstraint代码篇 AutoLayout是从IOS 6开始苹果引入来取代autoresizing的新的布局技术，该技术有三种设置方式，等下我来为大家一一叙述一下。 在说三种设置方式前，我们先简单的说一下autolayout能够设置哪些行为。 1.视图的大小（即视图的绝对大小）。 2.视图的位置（视图相对于父
NSLayoutConstraint 重新绘制约束
敛柒的博客
10-09 159
[XXX layoutIfNeeded];
[iOS]NSLayoutConstraint动画改变约束
Gamin
01-12 4817
[iOS]NSLayoutConstraint动画改变约束 一直都是直接调用.constant修改约束，没什么动画需求。 之前做地图浮层时，需求要求浮层能动画的伸缩，于是查询了一下constant如何实现动画改变。 基本上和动画更新UIView的frame一样，区别在这里父视图需要调用layoutIfNeeded方法。 #import @interface XZUs
NSLayoutConstraint约束
shuju345的博客
09-01 626
相信ios8出来之后，不少的ios程序员为了屏幕的适配而烦恼。相信不少的人都知道有AutoLayout 这么个玩意可以做屏幕适配，事实上，AutoLayout不仅仅只是一个为了多屏幕适配的工具， 它真正的意义所在是给了程序员一种全新的布局思想。    本文主要依据真实项目实例从三个方向全方位讲解AutoLayout的使用大全。    一。AutoLayout布局原理和语法    二。约束
NSLayoutConstraints加动画来改变约束
weixin_34008933的博客
07-22 82
// // ViewController.m // NSLayoutAnimationDemo // // Created by ebaotong on 15/7/22. // Copyright (c) 2015年 com.csst. All rights reserved. // #import "ViewController.h" #define kWeakS...
iOS 用代码来更新约束
will_han 的专栏
02-02 3072
//遍历footerview约束(一般高,宽)             NSArray* constrains = self.footerView.constraints;             for (NSLayoutConstraint* constraint in constrains) {                 if (constraint.firstA
iOS AutoLayout官方教程：从基础到实践
**创建约束**：在代码中，可以使用NSLayoutConstraint类来创建约束。这涉及到设置约束的属性，如视图之间的距离、大小比例等。 **安装约束**：创建约束后，需要将其安装到视图上，这样AutoLayout才能在布局过程中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值