ios – 自动布局UIButtons之间的空间相等

前端之家收集整理的这篇文章主要介绍了ios – 自动布局UIButtons之间的空间相等前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Springs in Auto Layout: Distribute views evenly,with constraints,in Xcode 52个
我是自动布局的新手,所以在堆栈中读取一些问题我试图在单元格的底部对齐我的5个UIButton以获得相等的空间(例如7个点),我尝试使用代码并且它没有’工作.

我的问题是 – 我怎样才能使用Interface Builder?

  1. UIButton *button1 = self.btnFavorite,*button2 = self.btnCalendar,*button3 = self.btnEmail,*button4 = self.btnMessage,*button5 = self.btnCall;
  2. NSMutableArray *constraintsForButtons = [[NSMutableArray alloc] init];
  3.  
  4. float unusedHorizontalSpace = self.bounds.size.width - button1.intrinsicContentSize.width - button2.intrinsicContentSize.width - button3.intrinsicContentSize.width - button4.intrinsicContentSize.width - button5.intrinsicContentSize.width;
  5. NSNumber *spaceBetweenEachButton = [NSNumber numberWithFloat: unusedHorizontalSpace / 5 ] ;
  6.  
  7. [constraintsForButtons addObjectsFromArray:[NSLayoutConstraint
  8. constraintsWithVisualFormat: @"H:|-(space)-[button1]-(space)-[button2]-(space)-[button3]-(space)-[button4]-(space)-[button5]-(space)-|"
  9. options:NSLayoutFormatAlignAllCenterY
  10. metrics:@{@"space":spaceBetweenEachButton}
  11.  
  12. views:NSDictionaryOfVariableBindings(button1,button2,button3,button4,button5)]];
  13.  
  14. [constraintsForButtons addObjectsFromArray:[NSLayoutConstraint constraintsWithVisualFormat: @"V:|[button1]"
  15. options: 0
  16. metrics: nil
  17. views: NSDictionaryOfVariableBindings(button1) ] ] ;
  18. [self addConstraints:constraintsForButtons] ;

错误

  1. 2014-10-09 03:04:07.501 Human Response[2972:781746] Unable to simultaneously satisfy constraints.
  2. 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. (Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand,refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints)
  3. (
  4. "<NSLayoutConstraint:0x1568f260 H:[UIButton:0x1568f100(20)]>","<NSLayoutConstraint:0x15690b90 H:[UIButton:0x15690fc0(20)]>","<NSLayoutConstraint:0x156921c0 H:[UIButton:0x15692d00(20)]>","<NSLayoutConstraint:0x1568d4f0 H:[UIButton:0x1568d8e0(20)]>","<NSLayoutConstraint:0x1558b4c0 H:[UIButton:0x15598410(20)]>","<NSLayoutConstraint:0x155993d0 H:|-(-60)-[UIButton:0x15598410] (Names: '|':UITableViewCellContentView:0x15673e40 )>","<NSLayoutConstraint:0x15599550 H:[UIButton:0x15598410]-(-60)-[UIButton:0x1568d8e0]>","<NSLayoutConstraint:0x155996e0 H:[UIButton:0x1568d8e0]-(-60)-[UIButton:0x15692d00]>","<NSLayoutConstraint:0x15599740 H:[UIButton:0x15692d00]-(-60)-[UIButton:0x15690fc0]>","<NSLayoutConstraint:0x155997a0 H:[UIButton:0x15690fc0]-(-60)-[UIButton:0x1568f100]>","<NSLayoutConstraint:0x15599800 H:[UIButton:0x1568f100]-(-60)-| (Names: '|':UITableViewCellContentView:0x15673e40 )>"
  5. )
  6.  
  7. Will attempt to recover by breaking constraint
  8. <NSLayoutConstraint:0x1558b4c0 H:[UIButton:0x15598410(20)]>
  9.  
  10. Make a symbolic breakpoint at UIViewAlertForUnsatisfiableConstraints to catch this in the debugger.
  11. The methods in the UIConstraintBasedLayoutDebugging category on UIView listed in <UIKit/UIView.h> may also be helpful.
  12. 2014-10-09 03:04:07.633 Human Response[2972:781746] Unable to simultaneously satisfy constraints.
  13. 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. (Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand,refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints)
  14. (
  15. "<NSLayoutConstraint:0x155a2de0 H:[UIButton:0x155a2fc0(20)]>","<NSLayoutConstraint:0x155a33d0 H:[UIButton:0x155a32d0(20)]>","<NSLayoutConstraint:0x155a3750 H:[UIButton:0x155a3620(20)]>","<NSLayoutConstraint:0x155a1bc0 H:[UIButton:0x155a1a60(20)]>","<NSLayoutConstraint:0x155a3df0 H:[UIButton:0x155a3cc0(20)]>","<NSLayoutConstraint:0x156a4770 H:|-(-60)-[UIButton:0x155a3cc0] (Names: '|':UITableViewCellContentView:0x155a2150 )>","<NSLayoutConstraint:0x156a47b0 H:[UIButton:0x155a3cc0]-(-60)-[UIButton:0x155a1a60]>","<NSLayoutConstraint:0x156a4840 H:[UIButton:0x155a1a60]-(-60)-[UIButton:0x155a3620]>","<NSLayoutConstraint:0x156a48c0 H:[UIButton:0x155a3620]-(-60)-[UIButton:0x155a32d0]>","<NSLayoutConstraint:0x156a4920 H:[UIButton:0x155a32d0]-(-60)-[UIButton:0x155a2fc0]>","<NSLayoutConstraint:0x1569fa50 H:[UIButton:0x155a2fc0]-(-60)-| (Names: '|':UITableViewCellContentView:0x155a2150 )>"
  16. )

解决方法

我发现使用IB执行此操作的唯一方法是在要均匀分布的视图之间创建间隔视图,其所有边连接到要均匀分布的视图的相邻边.您可以为它们指定可变宽度/高度,然后添加约束,表示所有间隔视图必须具有相同的宽度/高度.

设置起来非常繁琐,但确实有效.

猜你在找的iOS相关文章