UIToolbar с UISegmentedControl AutoLayout (/ полная ширина)

Question

У меня есть UIViewController с UIToolBar ниже UINavigationBar и UITableView ниже этого. Только UIBarButtonItem на моем UIToolBar является UISegmentedControl, как на скриншоте ниже:

Однако, как я получаю UISegmentedControl/UIBarButtonItem растягивать, чтобы заполнить UIToolBar как в приложении App Store?

Имейте в виду, что я также поддерживаю ландшафтный режим, поэтому он должен автоматически растягиваться, чтобы соответствовать новой ширине, когда устройство повернуто. Этого я надеялся достичь с AutoLayout, но насколько я знаю, я не могу использовать AutoLayout внутри UIToolBar.

Любые предложения (за исключением замены UIToolbar на UIView)?

Answer 1

Я создал панель инструментов с сегментированным управлением внутри, а затем сделал сегментированный элемент управления 320 широким. Затем я устанавливаю гибкие направляющие макетов с каждой стороны, чтобы заставить сегментированный элемент управления в центр. Это выглядит прекрасно в портрете, но сегментированный контроль не будет растягиваться для пейзажа.

Портрет (включает в себя установку IB и имитатор)

ландшафт (также включает в себя установку IB и имитатор)

Похоже, приложение магазин имеет сегментированный элемент управления, который установлен в определенные ширины и тогда вид не может вращаться. Я понимаю, что вы хотите, чтобы сегментированный элемент управления менял ширину с макетом, но, к сожалению, это невозможно с автоматическим расположением на данный момент.

Мое предложение было бы, если бы вы действительно хотели, чтобы сегментированный элемент управления изменял ширину с вращением, было бы программно устанавливать ширину, когда устройство поворачивается в альбомное. более

- (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 
    } 
} 

Одно дело, если вы в конечном итоге с помощью этого поворота устройство материал, вы все равно нужны эти гибкие распорки в IB, чтобы сохранить ваш сегментированный управления сосредоточены на панели инструментов

Answer 2

Вы можете сделать это с код. Что-то вроде этого:

@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