Следующая панель инструментов клавиатуры iOS7

Question

В настоящее время я пытаюсь установить следующие/предыдущие кнопки на панели инструментов клавиатуры на новые, гладкие кнопки кнопки/кнопки назад iOS 7, которые возвращаются в навигационные контроллеры. Вот что я пытаюсь. Как я могу использовать элемент кнопки панели управления вместо скучного статического текста?

[self setToolbar:[[UIToolbar alloc] initWithFrame:self.frame]]; 
     [self.toolbar setBarStyle:UIBarStyleDefault]; 
     [self.toolbar setAutoresizingMask:(UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleWidth)]; 
     [self addSubview:self.toolbar]; 

     [self setSegmentedControl:[[UISegmentedControl alloc] initWithItems:@[ NSLocalizedStringFromTable(@"Previous", @"BSKeyboardControls", @"Previous button title."), 
                       NSLocalizedStringFromTable(@"Next", @"BSKeyboardControls", @"Next button title.") ]]]; 

Вот что он выглядит сейчас:

Вот что я хочу, чтобы это выглядело как:

Любые идеи о том, как получить доступ к этим элементы системы без на самом деле использует изображения? Я знаю его точный элемент кнопки панели управления iOS 7, я просто не знаю, как получить доступ к нему в панели инструментов. Я искал везде. Если это помогает, я использую BSKeyboardControls.

EDIT: чтобы он выглядел точно так же, как на втором изображении, используйте изображения, предоставленные Джошуа, и сохраните их как back@2x.png и forward@2x.png в свой проект xcode. Используйте код Чун, но не забудьте вызвать метод для получения таких изображений: imageNamed: @ "back", а не @ "back @ 2x". Теперь у вас есть IOS 7 назад и вперед кнопки :)

edit2: Для того, чтобы заставить его выглядеть так же, как следующий/предыдущий кнопки со стрелками используются следующие настройки в правильных методах реализации:

[self.segmentedControl setWidth:50 forSegmentAtIndex:0]; 
[self.segmentedControl setWidth:38 forSegmentAtIndex:1]; 

negativeSeparator.width = -19; 

EDIT3: панель инструментов с <> стрелки появляются по умолчанию со всеми UIWebViews и появляются, когда вы нажимаете текстовое поле.

Если вас интересует образец проекта, дайте мне знать, и я загружу ссылку!

EDIT4: По состоянию на 24 мая 2014 года BSKeyboardControls теперь имеет эту функциональность по умолчанию.

Answer 1

1) Скачать последние файлы: https://github.com/simonbs/BSKeyboardControls

2) Импорт изображений для следующих кнопок назад /. Они могут быть любыми, что вы хотите, и вы можете установить соответствующие размеры, чтобы они выглядели хорошо. У Джошуа хороший набор. Я сохранил свою память как «keyboardBack.png» и «keyboardForward.png»

3) В BSKeyboardControls.m обновите поля initWithFields:. Здесь вы можете выполнить некоторую настройку, например, установить ширину ваших задних/следующих кнопок. Я также удалил кнопку «Готово», чтобы следить за снимками экрана, но вы можете добавить их обратно.

- (id)initWithFields:(NSArray *)fields 
{ 
    if (self = [super initWithFrame:CGRectMake(0.0f, 0.0f, 320.0f, 44.0f)]) 
    { 
     // Creates toolbar 
     [self setToolbar:[[UIToolbar alloc] initWithFrame:self.frame]]; 
     [self.toolbar setBarStyle:UIBarStyleDefault]; 
     [self.toolbar setAutoresizingMask:(UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleWidth)]; 
     [self addSubview:self.toolbar]; 

     // Import images 
     UIImage *backImage = [[UIImage imageNamed:@"keyboardBack"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 
     UIImage *forwardImage = [[UIImage imageNamed:@"keyboardForward"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 

     // Create segmentedcontrol 
     self.segmentedControl = [[UISegmentedControl alloc] initWithItems:@[backImage, forwardImage]]; 
     self.segmentedControl.tintColor = [UIColor clearColor]; 

     // Set button widths 
     [self.segmentedControl setWidth:50 forSegmentAtIndex:0]; 
     [self.segmentedControl setWidth:50 forSegmentAtIndex:1]; 

     // Other BSKeyboardControls stuff 
     [self.segmentedControl addTarget:self action:@selector(segmentedControlValueChanged:) forControlEvents:UIControlEventValueChanged]; 
     [self.segmentedControl setMomentary:YES]; 
     [self.segmentedControl setEnabled:NO forSegmentAtIndex:BSKeyboardControlsDirectionPrevious]; 
     [self.segmentedControl setEnabled:NO forSegmentAtIndex:BSKeyboardControlsDirectionNext]; 
     [self setSegmentedControlItem:[[UIBarButtonItem alloc] initWithCustomView:self.segmentedControl]]; 
     [self setVisibleControls:(BSKeyboardControlPreviousNext)]; 
     [self setFields:fields]; 
    } 

    return self; 
} 

4) Левая обивка на панели инструментов немного слишком много, так что вы можете это исправить, добавив отрицательный разделитель в toolbarItems: в BSKeyboardControls.m:

- (NSArray *)toolbarItems 
{ 
    NSMutableArray *items = [NSMutableArray arrayWithCapacity:3]; 
    if (self.visibleControls & BSKeyboardControlPreviousNext) 
    { 
     UIBarButtonItem *negativeSeperator = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace 
                          target:nil 
                          action:nil]; 
     negativeSeperator.width = -12; 

     [items addObject:negativeSeperator]; 
     [items addObject:self.segmentedControlItem]; 

    } 

    if (self.visibleControls & BSKeyboardControlDone) 
    { 
     [items addObject:[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil]]; 
     [items addObject:self.doneButton]; 
    } 

    return items; 
} 

Примечание: Я, наверное, не имеют ширины кнопок и прокладки к точным спецификациям, но вы можете настроить ее по своему вкусу!

Answer 2

Используйте это: https://github.com/simonbs/BSKeyboardControls

Но он использует сегментированный контроль, который получил сплющенный в прошивке 7.

Edit: Просто измените текст сегментов:

[self setSegmentedControl:[[UISegmentedControl alloc] initWithItems:@[@"<",@">") ]]]; 

Это не может быть самым элегантным. (Не уверен, что этот точный код компилируется, но вы видите точку)

Answer 3

Это изображения, используемые на панели инструментов, например. задние и кнопки вперед изображения:

Answer 4

Используйте значки разделяемые Навина, а затем попробуйте ниже фрагмент кода, и вы будете хорошо идти. Я не добавил здесь кнопку done.

UIImage *backImage = [[UIImage imageNamed:@"backImage"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 
UIImage *forwardImage = [[UIImage imageNamed:@"forward"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 
self.segmentedControl = [[UISegmentedControl alloc] initWithItems:@[backImage, forwardImage]]; 
[self.segmentedControl addTarget:self action:@selector(segmentedControlChangedState:) forControlEvents:UIControlEventValueChanged]; 
self.segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar; 
self.segmentedControl.tintColor = [UIColor clearColor]; 
UIBarButtonItem *aSegmentedControlBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:self.segmentedControl]; 
[self setItems:@[aSegmentedControlBarButtonItem, self.flexibleSpace]]; 

Answer 5

Вы можете использовать этот большой tool по @iftekhar и настроить IQSegmentedNextPrevious в соответствии с вашими потребностями для придания изображения вместо следующей предыдущей кнопки.

Answer 6

Если вы не против жить на краю, вы можете использовать недокументированные системные элементы Apple, чтобы получить вид iOS 7. Здесь находятся элементы левой и правой кнопки.

[self setDoneButton:[[UIBarButtonItem alloc] initWithBarButtonSystemItem:105 target:nil action:nil]]; 
    [self setDoneButton:[[UIBarButtonItem alloc] initWithBarButtonSystemItem:106 target:nil action:nil]]; 

Источник: http://iphonedevwiki.net/index.php/UIBarButtonItem

Answer 7

Использование Xcode 7.3, вы также можете просто ввести символ в качестве заголовка для элемента панели. Это работает как в коде и в Interface Builder:

• Поместите курсор туда, куда вы хотите, чтобы появиться символ (например, title окна в IB или в кавычках в коде).
• В меню Xcode нажмите «Редактировать», затем «Emoji» & Символы. (В качестве альтернативы нажмите клавишу «Command-Command-space», чтобы открыть список символов.)
• В поле поиска введите less или more.
• Затем выберите нужный символ.

Символы меньшего размера и больше по умолчанию по умолчанию имеют синий цвет на панели инструментов.

В коде:

backButton.title = "＜" 

В IB: