根视图与同frame子视图边距不一致及布局约束报错问题

我尝试为根视图的两个子视图添加沿边距的彩色边框：一个在ViewController中定义，另一个在UIView子类中定义，二者均为根视图的子视图，期望第二个子视图（UIView子类中创建）的蓝色边框与第一个子视图（ViewController中创建）的红色边框匹配。

ViewController（根视图）代码 #

- (void)viewDidLoad {
    [super viewDidLoad];    
    self.view.backgroundColor = [UIColor whiteColor];

    // add border subview (red)
    UILayoutGuide *margins = self.view.layoutMarginsGuide;
    self.view.translatesAutoresizingMaskIntoConstraints = NO;
    UIView *l3 = [[UIView alloc] init];
    [self.view addSubview:l3];
    l3.layer.borderWidth = (CGFloat)1.0;
    l3.layer.borderColor = UIColor.systemRedColor.CGColor;
    l3.translatesAutoresizingMaskIntoConstraints = NO;
    [l3.trailingAnchor constraintEqualToAnchor:margins.trailingAnchor].active = YES;
    [l3.leadingAnchor constraintEqualToAnchor:margins.leadingAnchor].active = YES;
    [l3.topAnchor constraintEqualToAnchor:margins.topAnchor].active = YES;
    [l3.bottomAnchor constraintEqualToAnchor:margins.bottomAnchor].active = YES;

    // add border subview from LibraryView class (blue)
    LibraryView *library = [[LibraryView alloc] initWithFrame:self.view.frame];
    [self.view addSubview:library];
}

LibraryView（UIView子类）代码 #

@implementation LibraryView
// LibraryView inherits from UIView

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self != nil)
    {
        // add margins of this LibraryView object
        UILayoutGuide *margins = self.layoutMarginsGuide;
        self.layer.borderWidth = (CGFloat)1.0;
        self.layer.borderColor = UIColor.systemBlueColor.CGColor;
        self.translatesAutoresizingMaskIntoConstraints = NO;
        [self.trailingAnchor constraintEqualToAnchor:margins.trailingAnchor].active = YES;
        [self.leadingAnchor constraintEqualToAnchor:margins.leadingAnchor].active = YES;
        [self.topAnchor constraintEqualToAnchor:margins.topAnchor].active = YES;
        [self.bottomAnchor constraintEqualToAnchor:margins.bottomAnchor].active = YES;
    }
    return self;
}

@end

结果 #

报错信息 #

<UILayoutGuide: 0x600000a282a0 - "UIViewLayoutMarginsGuide", layoutFrame = {{0, 0}, {0, 0}}, owningView = <LibraryView: 0x144f06c70; frame = (0 0; 393 852); layer = <CALayer: 0x60000336dc80>>>
2023-04-22 10:51:48.573386-0400 VoiceMemos[1043:18123] [LayoutConstraints] Unable to simultaneously satisfy constraints.
    Probably at least one of the constraints in the following list is one you don't want. 
    Try this: 
        (1) look at each constraint and try to figure out which you don't expect; 
        (2) find the code that added the unwanted constraint or constraints and fix it. 
(
    "<NSLayoutConstraint:0x60000102bd40 H:[UILayoutGuide:0x600000a282a0'UIViewLayoutMarginsGuide']-(0)-|   (active, names: '|':LibraryView:0x144f06c70 )>",
    "<NSLayoutConstraint:0x600001012580 'UIView-rightMargin-guide-constraint' H:[UILayoutGuide:0x600000a282a0'UIViewLayoutMarginsGuide']-(8)-|(LTR)   (active, names: '|':LibraryView:0x144f06c70 )>"
)

问题 #

1. 如截图所示，仅红色边框正常渲染，蓝色边框因上述布局约束冲突报错无法显示。
2. 当前实现方式是否符合规范？若不符合，是否存在可行的实现方式来匹配两个子视图的边距？

解答 #

问题根源分析 #

1. 约束冲突原因：LibraryView的代码逻辑错误——你将self（LibraryView自身）的边缘锚点和自己的layoutMarginsGuide锚点绑定，这要求View自身边缘与内部边距引导线完全重合，但系统默认layoutMargins有8pt边距，直接和系统自带的边距约束（如右侧8pt边距）产生冲突，导致布局失效。
2. 红色视图正常的逻辑：红色视图是将自身边缘与**父视图（根视图）**的layoutMarginsGuide绑定，这是正确的逻辑——让子视图贴合父视图的边距范围。

修正方案 #

方案一：让LibraryView接收父视图边距引导线（推荐，符合组件化设计）

让LibraryView的布局由父视图控制，和红色视图保持一致逻辑：

1. 修改LibraryView的初始化方法，添加参数接收父视图的边距引导线：

@implementation LibraryView

- (instancetype)initWithParentMargins:(UILayoutGuide *)parentMargins {
    self = [super init];
    if (self) {
        self.layer.borderWidth = 1.0;
        self.layer.borderColor = UIColor.systemBlueColor.CGColor;
        self.translatesAutoresizingMaskIntoConstraints = NO;
        
        // 和父视图边距引导线绑定，与红色视图逻辑一致
        [self.trailingAnchor constraintEqualToAnchor:parentMargins.trailingAnchor].active = YES;
        [self.leadingAnchor constraintEqualToAnchor:parentMargins.leadingAnchor].active = YES;
        [self.topAnchor constraintEqualToAnchor:parentMargins.topAnchor].active = YES;
        [self.bottomAnchor constraintEqualToAnchor:parentMargins.bottomAnchor].active = YES;
    }
    return self;
}

@end

2. 在ViewController中初始化LibraryView时传入根视图边距：

// 替换原LibraryView初始化代码
LibraryView *library = [[LibraryView alloc] initWithParentMargins:self.view.layoutMarginsGuide];
[self.view addSubview:library];

方案二：重置LibraryView自身边距（不推荐，灵活性差）

如果要在LibraryView内部处理，需先将自身layoutMargins设为0，消除系统默认边距约束：

- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        // 重置自身边距为0，消除系统默认边距约束
        self.layoutMargins = UIEdgeInsetsZero;
        
        UILayoutGuide *margins = self.layoutMarginsGuide;
        self.layer.borderWidth = 1.0;
        self.layer.borderColor = UIColor.systemBlueColor.CGColor;
        self.translatesAutoresizingMaskIntoConstraints = NO;
        
        [self.trailingAnchor constraintEqualToAnchor:margins.trailingAnchor].active = YES;
        [self.leadingAnchor constraintEqualToAnchor:margins.leadingAnchor].active = YES;
        [self.topAnchor constraintEqualToAnchor:margins.topAnchor].active = YES;
        [self.bottomAnchor constraintEqualToAnchor:margins.bottomAnchor].active = YES;
    }
    return self;
}

此方式会固定LibraryView的边距为0，无法适配父视图的不同边距设置，灵活性不足。

额外注意点 #

• 无需设置self.view.translatesAutoresizingMaskIntoConstraints = NO，根视图布局由系统自动管理，手动关闭可能引发其他问题。
• 使用Auto Layout时，避免同时设置frame和约束，两者会冲突，直接用init初始化视图，靠约束确定位置即可。

内容的提问来源于stack exchange，提问作者enell