用故事板和自動佈局修正縱向和橫向方向的視圖寬度？

Question

我正在研究這個iPad應用程序，我正在考慮使用自動佈局來讓我的生活更輕鬆。我創建了這個側欄控件，允許用戶切換到不同的頁面（就像標籤欄控制器一樣，但這是在iPad的左側）。現在在橫向我希望這個視圖的寬度是256像素，但是當iPad處於縱向時，我希望這個視圖的寬度爲100像素。如何根據界面方向使用自動佈局來固定視圖的寬度？

Answer 1

您可以使用updateViewConstraints調用修改方向更改的佈局。

下面的示例以編程方式創建視圖，但是您可以在界面構建器中連線您的側欄的寬度約束以實現相同的目的。

例如：

//create a custom view using autolayout, this is the equivalent of you side bar 
- (void)viewDidLoad{ 
    [super viewDidLoad]; 
    //create a custom view 
    [self.view setTranslatesAutoresizingMaskIntoConstraints:NO]; 
    UIView *vw=[[UIView alloc] init]; 
    self.customView =vw; 
    self.customView.backgroundColor = [UIColor blackColor]; 
    [self.customView setTranslatesAutoresizingMaskIntoConstraints:NO]; 
    [self.view addSubview:self.customView]; 

    NSArray *arr; 

    //horizontal constraints 
    arr = [NSLayoutConstraint constraintsWithVisualFormat:@"|-20-[vw]" 
               options:0 
               metrics:nil 
                views:NSDictionaryOfVariableBindings(vw)]; 
    [self.view addConstraints:arr]; 

    //vertical constraints 
    arr = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|-20-[vw(200)]" 
               options:0 
               metrics:nil 
                views:NSDictionaryOfVariableBindings(vw)]; 
    [self.view addConstraints:arr]; 

} 

- (void)updateViewConstraints{ 

    [super updateViewConstraints]; 

    //remove the existing contraint 
    if(self.widthConstraint!=nil){ 
    [self.view removeConstraint:self.widthConstraint]; 
    } 
    //portait set width to 100 
    if(UIInterfaceOrientationIsPortrait(self.interfaceOrientation)){ 
    self.widthConstraint = [NSLayoutConstraint constraintWithItem:self.customView 
                 attribute:NSLayoutAttributeWidth 
                 relatedBy:NSLayoutRelationEqual 
                  toItem:nil 
                 attribute:0 
                 multiplier:1.0 
                 constant:100.0]; 
    } 
    //landscape set width to 256 
    else{ 
    self.widthConstraint = [NSLayoutConstraint constraintWithItem:self.customView 
                 attribute:NSLayoutAttributeWidth 
                 relatedBy:NSLayoutRelationEqual 
                  toItem:nil 
                 attribute:0 
                 multiplier:1.0 
                 constant:256.0]; 
    } 
    [self.view addConstraint:self.widthConstraint]; 
}