AutoLayout下编程实现日历重叠事件视图宽度分配与偏移定位

先对齐原有手动Frame的数学计算逻辑 #

为了保证AutoLayout实现和原有效果1:1复刻，先把原Frame的计算关系拆解成可直接映射到约束常量的公式：

原有布局的核心计算关系（所有变量和原Frame逻辑完全一致，不改动原有业务计算规则）

• 总可用宽度：TableView内容布局区域的总宽度，扣除固定左右安全边距
• 单事件可用宽度：总可用宽度 / 同组重叠事件总数，再扣除事件间的固定间隔
• 事件水平位置x坐标：TableView内容区域左起点 + 左侧固定边距 + shiftBy * 单事件步进宽度

具体约束实现步骤 #

• 所有EventContainerView统一添加相对于tableView.contentLayoutGuide的锚点约束，不要相对于TableView本身的视图锚点，避免contentInset、横向滚动带来的位置错位
• 水平方向位置约束：把原有x坐标的计算结果直接作为leading约束的常量值
  实现逻辑示例：

  // 计算单次偏移步进值 = 总可用宽度 / 重叠事件总数
  let stepWidth = totalAvailableWidth / CGFloat(overlappingCount)
  // 偏移量 = 左侧固定边距 + shiftBy * 单次步进宽度
  let leadingOffset = horizontalPadding + CGFloat(shiftBy) * stepWidth
  // 激活约束
  eventContainerView.leadingAnchor.constraint(
      equalTo: tableView.contentLayoutGuide.leadingAnchor,
      constant: leadingOffset
  ).isActive = true
  

• 宽度约束：直接按原逻辑计算的单事件宽度设置固定常量，不要使用比例约束
  实现逻辑示例：

  let eventWidth = stepWidth - eventHorizontalGap
  eventContainerView.widthAnchor.constraint(equalToConstant: eventWidth).isActive = true
  

• 动态适配处理：因为所有容器视图是叠加在TableView上、非单元格承载的，需要在TableView的layoutSubviews回调中，重新计算每个事件的约束常量值，更新对应约束的constant属性，保证宽度变化、屏幕旋转时布局和原逻辑一致
  实现逻辑示例：

  override func layoutSubviews() {
      super.layoutSubviews()
      updateAllEventContainerLayoutConstraints()
  }
  

常见布局错位的踩坑提示 #

• 不要使用相对于superview的等宽比例约束实现宽度均分，原逻辑是固定步进的偏移，比例约束会随视图宽度变化自动拉伸，导致偏移和原Frame逻辑不一致
• 重叠事件数变化时，必须先移除该事件旧的水平约束、宽度约束，再按当前的重叠数、shiftBy值重新添加新约束，避免约束冲突导致视图上下堆叠
• 纵向的顶部、底部约束直接对齐事件对应的时间位置即可，和原有Frame的纵向计算逻辑保持一致，不需要额外调整

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