如何使用自动布局以编程方式将UIView设置为其superview的中心?
UIButton* viewObj = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[viewObj setTranslatesAutoresizingMaskIntoConstraints:NO];
[viewObj setBackgroundColor:[UIColor greenColor]];
[self.view addSubview:viewObj];
NSLayoutConstraint* cn = [NSLayoutConstraint constraintWithItem:viewObj
                                                      attribute:NSLayoutAttributeCenterX
                                                      relatedBy:NSLayoutRelationEqual
                                                         toItem:self.view
                                                      attribute:NSLayoutAttributeCenterX 
                                                     multiplier:1.0
                                                       constant:0];
[self.view addConstraint:cn];
cn = [NSLayoutConstraint constraintWithItem:viewObj 
                                  attribute:NSLayoutAttributeCenterY
                                  relatedBy:NSLayoutRelationEqual 
                                     toItem:self.view
                                  attribute:NSLayoutAttributeCenterY
                                 multiplier:1.0
                                   constant:0];
[self.view addConstraint:cn];上面的代码适用于UIButton,但我无法将第一行替换为适用于UIView的代码。
我试过了
UIView* viewObj = [UIView alloc] initWithFrame:CGRectZero];但是视图不会在模拟器中显示。
有什么建议吗?
谢谢!
发布于 2012-12-23 23:02:17
因为您是在使用自动布局的上下文中提出这个问题的,所以这里的问题是UIButton有一个内部大小(通过intrinsicContentSize方法传递),它为自动布局提供有关宽度和高度的信息,但UIView通常不会。因此,您需要添加更多与宽度和高度相关的约束。
如果你想要你的UIView是一个设定的大小(比如200x200),你可以添加以下几行:
cn = [NSLayoutConstraint constraintWithItem:viewObj 
                                  attribute:NSLayoutAttributeHeight
                                  relatedBy:NSLayoutRelationEqual 
                                     toItem:nil
                                  attribute:NSLayoutAttributeNotAnAttribute 
                                 multiplier:1
                                   constant:200];
[viewObj addConstraint:cn];
cn = [NSLayoutConstraint constraintWithItem:viewObj
                                  attribute:NSLayoutAttributeWidth
                                  relatedBy:NSLayoutRelationEqual
                                     toItem:nil
                                  attribute:NSLayoutAttributeNotAnAttribute 
                                 multiplier:1 
                                   constant:200];
[viewObj addConstraint: cn];注意,toItem:参数是nil,第二个属性是NSLayoutAttributeNotAnAttribute,因为您没有指定相对于其他任何内容的宽度和高度。如果您希望子视图的高度和宽度相对于superview (比方说0.5),您可以这样做:
cn = [NSLayoutConstraint constraintWithItem:viewObj
                                  attribute:NSLayoutAttributeHeight
                                  relatedBy:NSLayoutRelationEqual
                                     toItem:self.view
                                  attribute:NSLayoutAttributeHeight 
                                 multiplier:0.5 
                                   constant:0];
[self.view addConstraint:cn];
cn = [NSLayoutConstraint constraintWithItem:viewObj
                                  attribute:NSLayoutAttributeWidth
                                  relatedBy:NSLayoutRelationEqual
                                     toItem:self.view
                                  attribute:NSLayoutAttributeWidth
                                 multiplier:0.5
                                   constant:0];
[self.view addConstraint: cn];发布于 2015-12-28 02:01:37
UIButton、UIImageView、UIlabel和UITextField可以根据其内容属性自动设置其大小。UIImageView的宽度和高度由它可能包含的UIImage设置。UILabel的大小将取决于它的文本。UIButton的宽度和高度由标题和它的图像定义(您可以通过Intrinsic Content Size了解更多信息)。
因此,当您想要将UIButton、UILabel、UITextField或UIImageView放在具有自动布局的UIView中时,几乎在所有情况下都不必为它们的宽度和高度创建约束。您只需要为它们设置水平和垂直约束。
但是,使用自动布局,没有子视图的UIView不能依赖任何东西来设置其大小,除非您为它提供一些任意的宽度和高度约束。根据你的需要,你可以用3种不同的方法来解决这个问题。
纯自动布局样式
在这里,我们将UIView的宽度和高度直接设置为自动布局约束:
override func viewDidLoad() {
    super.viewDidLoad()
    let newView = UIView()
    newView.backgroundColor = .redColor()
    newView.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(newView)
    // Auto layout code using anchors (iOS9+)
    let horizontalConstraint = newView.centerXAnchor.constraintEqualToAnchor(view.centerXAnchor)
    let verticalConstraint = newView.centerYAnchor.constraintEqualToAnchor(view.centerYAnchor)
    let widthConstraint = newView.widthAnchor.constraintEqualToAnchor(nil, constant: 100)
    let heightConstraint = newView.heightAnchor.constraintEqualToAnchor(nil, constant: 100)
    NSLayoutConstraint.activateConstraints([horizontalConstraint, verticalConstraint, widthConstraint, heightConstraint])
}自动调整蒙版大小样式
在这里,我们用宽度和高度初始化UIView,使它的中心和superview的中心相等,并创建一些自动调整大小的蒙版。然后,我们要求UIKit将这些自动调整大小的蒙版转换为自动布局约束:
override func viewDidLoad() {
    super.viewDidLoad()
    
    let newView = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 100.0, height: 100.0))
    newView.backgroundColor = .redColor()
    
    newView.center = CGPointMake(view.bounds.midX, view.bounds.midY)
    newView.autoresizingMask = [.FlexibleLeftMargin, .FlexibleRightMargin, .FlexibleTopMargin, .FlexibleBottomMargin]
    newView.translatesAutoresizingMaskIntoConstraints = true // default is true
    view.addSubview(newView)
}子类样式
在这里,我们创建UIView的一个子类并覆盖它的intrinsicContentSize()方法(declaration),以便它返回所需的大小:
import UIKit
class CustomView: UIView {
    override func intrinsicContentSize() -> CGSize {
        return CGSize(width: 100, height: 100)
    }
}
class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let newView = CustomView()
        newView.backgroundColor = .redColor()
        newView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(newView)
        
        let horizontalConstraint = NSLayoutConstraint(item: newView,
            attribute: .CenterX,
            relatedBy: .Equal,
            toItem: view,
            attribute: .CenterX,
            multiplier: 1,
            constant: 0)
        view.addConstraint(horizontalConstraint)
        let verticalConstraint = NSLayoutConstraint(item: newView,
            attribute: .CenterY,
            relatedBy: .Equal,
            toItem: view,
            attribute: .CenterY,
            multiplier: 1,
            constant: 0)
        view.addConstraint(verticalConstraint)
    }
    
}https://stackoverflow.com/questions/14011395
复制相似问题