如何将3个UIButtons对齐到UITableCellView的中心?
比如说我有3个UIButtons标题:
>电子邮件
>电话
> Skype
可以隐藏一个或多个UIButton.例如,如果隐藏了电话UIButton,那么只有电子邮件和Skype应该在中心对齐.如果隐藏了电话和Skype,那么只有电子邮件应该在中心对齐.
当隐藏任何UIButton时,可见的UIButtons应在中心对齐.
我想将它们水平和垂直居中.
解决方法
测试
xcode 7:
我想你正在寻找类似的东西
解:
脚步:
1)所需要的是一个封装视图,它将所有三个按钮(skype,电话,电子邮件)保持在中心,而不管其中是否有一个按钮,两个或三个按钮.为此创建了一个持有人视图,在snapshot.下方以绿色背景显示
该持有人观点的约束是
它只是保存所有子视图,它将从其内容中获取其大小,因此无需给出高度/宽度约束.
2)现在对中心按钮的约束将是
3)任何一方的按钮限制都将是
如果你需要隐藏任何按钮,只需将其宽度约束设为0,所有其他按钮将相应重新排列
对于TableView单元格:
@IBOutlet weak var emailButtonWidthConstraint : NSLayoutConstraint? @IBOutlet weak var phoneButtonWidthConstraint : NSLayoutConstraint? @IBOutlet weak var skypeButtonWidthConstraint : NSLayoutConstraint? func showButtons(showSkype showSkype : Bool,showEmail : Bool,showPhone : Bool ){ emailButtonWidthConstraint?.constant = showEmail ? 54.0 : 0.0 phoneButtonWidthConstraint?.constant = showPhone ? 54.0 : 0.0 skypeButtonWidthConstraint?.constant = showSkype ? 54.0 : 0.0 self.layoutIfNeeded() }
使用:
func tableView(tableView: UITableView,cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier("customCell",forIndexPath: indexPath) as? CustomCell if indexPath.row == 0 { cell?.showButtons(showSkype: true,showEmail: true,showPhone: true) } else if indexPath.row == 1 { cell?.showButtons(showSkype: false,showPhone: true) } else if indexPath.row == 2 { cell?.showButtons(showSkype: true,showEmail: false,showPhone: true) } else if indexPath.row == 3 { cell?.showButtons(showSkype: true,showPhone: false) } else if indexPath.row == 4 { cell?.showButtons(showSkype: false,showPhone: true) } else if indexPath.row == 5 { cell?.showButtons(showSkype: false,showPhone: false) } else if indexPath.row == 6 { cell?.showButtons(showSkype: true,showPhone: false) } else { cell?.showButtons(showSkype: true,showPhone: true) } return cell! }
使用UIStackView也可以实现同样的效果(显然没有那么令人头疼)但是在9.0之前的iOS上无法运行
更新(2015年10月26日):
GitHub Repo用于测试项目