UIToolbar mit UISegmentedControl AutoLayout (/ volle Breite)

Question

Ich habe eine UIViewController mit einer UIToolBar unter der UINavigationBar und eine UITableView darunter. Die einzigen UIBarButtonItem auf meinem UIToolBar ist ein UISegmentedControl wie in der Abbildung unten:

aber wie bekomme ich die UISegmentedControl/UIBarButtonItem die UIToolBar wie im App Store App zu füllen zu strecken?

Beachten Sie, dass ich auch Landscape-Modus unterstütze, so muss es automatisch gedehnt werden, um die neue Breite anzupassen, wenn das Gerät gedreht wird. Dies ist etwas, was ich mit AutoLayout erreichen wollte, aber soweit ich weiß, kann ich AutoLayout innerhalb einer UIToolBar nicht verwenden.

Irgendwelche Vorschläge (außer das UIToolbar durch ein UIView zu ersetzen)?

Answer 1

Ich erstellte eine Symbolleiste mit einem segmentierten Steuerelement innerhalb, dann machte die segmentierte Steuerelement 320 breit. Ich setze dann flexible Layout-Guides auf jeder Seite, um die segmentierte Steuerung in die Mitte zu zwingen. Im Hochformat sieht das gut aus, aber das segmentierte Steuerelement wird sich nicht für die Landschaft ausstrecken.

Portrait (einschließlich IB-Setup und Simulator)

Landschaft (enthält auch IB und Setup Simulator)

Es scheint, wie die App Store eine segmentierte Kontrolle hat, die auf eine bestimmte Breite festgelegt ist und dann darf die Ansicht nicht rotieren. Ich verstehe, dass Sie möchten, dass das segmentierte Steuerelement die Breite mit dem Layout ändert, aber leider ist das mit dem automatischen Layout im Moment nicht möglich.

Mein Vorschlag wäre, wenn Sie wirklich wollten, dass das segmentierte Steuerelement die Breite mit Rotation änderte, würde programmatisch die Breite einstellen, wenn das Gerät in Querformat rotiert.

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration { 
    if(UIDeviceOrientationIsLandscape(UIDevice.currentDevice().orientation)) 
    {    
     //set segmented control to landscape 
    } 

    if(UIDeviceOrientationIsPortrait(UIDevice.currentDevice().orientation)) 
    { 
     //set segmented control to portrait width 
    } 
} 

Eine weitere Sache, wenn Sie dieses Gerät Rotation Sachen am Ende tun verwenden, werden Sie müssen noch diese flexible Spacer in IB Ihre segmentierten Steuerung in der Symbolleiste zentriert halten

Answer 2

Sie tun können, dass mit Code. Etwas wie folgt aus:

@interface ViewController() 
@property (strong, nonatomic) IBOutlet UIToolbar *toolbar; 
@property (strong, nonatomic) IBOutlet UISegmentedControl *segment; 
@end 

@implementation ViewController 

- (void)viewDidLoad { 
    [super viewDidLoad]; 

    _segment.translatesAutoresizingMaskIntoConstraints = NO; 
    [_toolbar addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-8-[_segment]-8-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_segment)]]; 
    [_toolbar addConstraint:[NSLayoutConstraint constraintWithItem:_segment 
                 attribute:NSLayoutAttributeCenterY 
                 relatedBy:NSLayoutRelationEqual 
                  toItem:_toolbar 
                 attribute:NSLayoutAttributeCenterY 
                 multiplier:1. 
                  constant:0.]]; 
} 

@end