Создание кнопки со стрелкой влево (как в стиле «назад» UINavigationBar) на панели инструментов UIToolbar


290

Я хотел бы создать кнопку "назад" влево-стрелка в UIToolbar.

Насколько я могу судить, единственный способ получить один из них - оставить UINavigationControllerнастройки по умолчанию, и он использует один для элемента левой панели. Но я не могу найти способ создать его как a UIBarButtonItem, так что я не могу сделать его в стандарте UIToolbar, даже если они очень похожи на UINavigationBars.

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

Любые идеи помимо скриншотов для каждого размера и цветовой схемы, которую я собираюсь использовать?

Обновление: ПОЖАЛУЙСТА, ПРЕКРАТИТЕ Уклонение от вопроса и предложение, чтобы я не задавал этот вопрос и должен был использовать UINavigationBar. Мое приложение - Instapaper Pro. Он показывает только нижнюю панель инструментов (для экономии места и максимизации читаемой области содержимого), и я хочу поместить кнопку Back в форме стрелки влево внизу.

Сказать, что мне не нужно этого делать, не является ответом и, конечно, не заслуживает награды.



Ответы:


130

Я использовал следующий PSD, полученный из http://www.teehanlax.com/blog/?p=447.

http://www.chrisandtennille.com/pictures/backbutton.psd

Затем я просто создал пользовательский UIView, который я использую в свойстве customView элемента панели инструментов.

Хорошо работает для меня.


Редактировать: как указано PrairieHippo , maralbjo обнаружили , что с помощью следующих, простой код сделал трюк (требуется собственное изображение в комплекте) должен быть объединен с этим ответом. Итак, вот дополнительный код:

// Creates a back button instead of default behaviour (displaying title of previous screen)
UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"back_arrow.png"]
                                                               style:UIBarButtonItemStyleBordered
                                                              target:self
                                                              action:@selector(backAction)];

tipsDetailViewController.navigationItem.leftBarButtonItem = backButton;
[backButton release];

1
PSD, который я загрузил, предназначен для черной панели инструментов. С голубыми я мало что пробовал, так как мое приложение этим не пользуется. Но насколько я знаю, панель инструментов не будет перекрашивать ее по мере необходимости. Крис.
PyjamaSam

1
Вам не нужно никакого специального инструмента, чтобы перекрасить его, я сделал это с помощью опции «Настроить цвет» в Mac Preview.
Sushant

1
Можно ли объяснить это решение немного?
cannyboy

4
Этот psd полезен только для масштаба экрана 1.0f. На дисплее сетчатки это будет выглядеть ужасно.
Даниэль Вуд

3
Не используйте изображения для этого, просто сделайте это правильно (см. Ответ для stackoverflow.com/questions/4260238 ).
ingh.am

45

Метод Юникода

Я думаю, что гораздо проще просто использовать Unicode-символ для выполнения работы. Вы можете просматривать стрелки прибегая к помощи либо Unicode Треугольники или Unicode стрелки . Начиная с iOS6, Apple сменила персонажа на смайлика с рамкой. Чтобы отключить границу, я добавляю 0xFE0E Unicode Variation Selector .

NSString *backArrowString = @"\U000025C0\U0000FE0E"; //BLACK LEFT-POINTING TRIANGLE PLUS VARIATION SELECTOR

UIBarButtonItem *backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:backArrowString style:UIBarButtonItemStylePlain target:nil action:nil];
self.navigationItem.leftButtonItem = backBarButtonItem;

Блок кода только для демонстрации. Это будет работать в любой кнопке, которая принимает строку NSString.

Чтобы получить полный список символов, поищите в Google символы Unicode и то, что вы хотите. Вот запись для черного левого треугольника .

результат

Результат


37

ВНИМАНИЕ: Есть сообщения, что это не будет работать на iOS 6. Это может работать только на старых версиях ОС. Очевидно, что по крайней мере у одного разработчика было отклонено приложение для использования этого трюка (см. Комментарии). Используйте на свой риск. Использование изображения (см. Ответ выше) может быть более безопасным решением.

Это можно сделать без добавления собственных файлов изображений с помощью кнопки sekr1t типа 101, чтобы получить правильную форму. Для меня фокус заключался в том, чтобы выяснить, что я могу использовать initWithCustomViewдля создания BarButtonItem. Лично мне это нужно для динамической панели навигации, а не для toolbar, но я протестировал это с панелью инструментов, и код почти такой же:

// create button
UIButton* backButton = [UIButton buttonWithType:101]; // left-pointing shape!
[backButton addTarget:self action:@selector(backAction) forControlEvents:UIControlEventTouchUpInside];
[backButton setTitle:@"Back" forState:UIControlStateNormal];

// create button item -- possible because UIButton subclasses UIView!
UIBarButtonItem* backItem = [[UIBarButtonItem alloc] initWithCustomView:backButton];

// add to toolbar, or to a navbar (you should only have one of these!)
[toolbar setItems:[NSArray arrayWithObject:backItem]];
navItem.leftBarButtonItem = backItem;

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

Бла-бла, читайте HIG, не используйте недокументированные функции и все такое. Есть только шесть поддерживаемых типов кнопок, и это не один из них.


1
Кнопка типа 101, кажется, не дает мне форму, указывающую налево ... просто прямоугольник.
elsurudo

10
Не делайте этого - ваше приложение будет отклонено. Проголосуйте за этот ответ.
thefaj

4
Я склонен думать, что он не уверен; он говорит «не используйте недокументированный API», но не заявляя, что его приложение было отклонено. И это не недокументированный API - это недокументированное значение. Если кто -то уже были их приложение отклонено, пожалуйста , напишите. Я продолжал получать приложения, одобренные с этим значением.
AndrewS

1
@thefaj Я отправил приложение с этим кодом, и оно было одобрено.
Аарон

1
Это очень плохой стиль кодирования. Вам повезло, но вы должны придерживаться только документированного API (не волшебные / неопубликованные числа).
thefaj

36

введите описание изображения здесь

Прежде всего вы должны найти изображение кнопки «Назад». Я использовал красивое приложение под названием Extractor, которое извлекает всю графику с iPhone. В iOS7 мне удалось получить названное изображение, UINavigationBarBackIndicatorDefaultи оно было в черном цвете, так как мне нужен был красный оттенок, я меняю цвет на красный с помощью Gimp.

РЕДАКТИРОВАТЬ:

Как было упомянуто btate в его комментарии, нет необходимости менять цвет с помощью графического редактора. Следующий код должен сделать трюк:

imageView.tint = [UIColor redColor];
imageView.image = [[UIImage imageNamed:@"UINavigationBarBackIndicatorDefault"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

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

Следующий код имитирует поведение кнопки «Назад», включая анимацию.

-(void)viewWillAppear:(BOOL)animated{
        UIImageView *imageView=[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"UINavigationBarBackIndicatorDefault"]];
        [imageView setTintColor:[UIColor redColor]];
        UILabel *label=[[UILabel alloc] init];
        [label setTextColor:[UIColor redColor]];
        [label setText:@"Blog"];
        [label sizeToFit];

        int space=6;
        label.frame=CGRectMake(imageView.frame.origin.x+imageView.frame.size.width+space, label.frame.origin.y, label.frame.size.width, label.frame.size.height);
        UIView *view=[[UIView alloc] initWithFrame:CGRectMake(0, 0, label.frame.size.width+imageView.frame.size.width+space, imageView.frame.size.height)];

        view.bounds=CGRectMake(view.bounds.origin.x+8, view.bounds.origin.y-1, view.bounds.size.width, view.bounds.size.height);
        [view addSubview:imageView];
        [view addSubview:label];

        UIButton *button=[[UIButton alloc] initWithFrame:view.frame];
        [button addTarget:self action:@selector(handleBack:) forControlEvents:UIControlEventTouchUpInside];
        [view addSubview:button];

        [UIView animateWithDuration:0.33 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
            label.alpha = 0.0;
            CGRect orig=label.frame;
            label.frame=CGRectMake(label.frame.origin.x+25, label.frame.origin.y, label.frame.size.width, label.frame.size.height);
            label.alpha = 1.0;
            label.frame=orig;
        } completion:nil];

        UIBarButtonItem *backButton =[[UIBarButtonItem alloc] initWithCustomView:view];
}

- (void) handleBack:(id)sender{
}

РЕДАКТИРОВАТЬ:

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

UITapGestureRecognizer* tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleBack:)];
[view addGestureRecognizer:tap];
[view setUserInteractionEnabled:YES];

1
Привет Алекс, спасибо за решение. Единственная проблема, с которой я сталкиваюсь в этом реализованном решении: область попадания меньше означает, что когда я нажимаю на стрелку, handleBack не получает вызов, а когда я нажимаю на текст, вызов handleBack get. Пожалуйста, предложите по этому вопросу. Спасибо
Йогеш Лолусаре

Попробуйте использовать UITapGestureRecognizer, я редактировал вопрос
Алексей

Возможно, вы также можете попытаться увеличить размер представления.
Алексей

2
Черный цвет на этой кнопке делает ее шаблоном. Вам не нужно использовать GIMP, чтобы изменить его. Просто используйте оттенок imageView.tint = [UIColor redColor]и режим рендеринга шаблона на изображении. imageView.image = [yourImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
smokeoyster

18

Я не уверен, что это сработает, но вы можете попробовать создать UINavigationControllerс настройками по умолчанию, чтобы создать кнопку, найти кнопку в иерархии подпредставлений контроллера навигации, вызвать removeFromSuperviewее, уничтожить контроллер навигации, а затем добавить кнопку как подпредставление вашей панели инструментов. Вам также может понадобиться retainкнопка и перед вызовом removeFromSuperview(а затем releaseи после добавления ее в качестве подпредставления панели инструментов), чтобы избежать ее освобождения во время процесса.


14

Чтобы сделать UIB-кнопку со стрелкой довольно близко (я не дизайнер;) к стрелке назад системы iOS 7:

Стандарт:

Стандартная система назад стрелка

Apple SD Готический Нео

Apple SD Gothic Neo <персонаж

В Xcode:

  • Сосредоточиться на поле значения заголовка кнопки (или на любом другом представлении / элементе управления с текстовым содержимым)
  • Открыть Правка -> Специальные символы
  • Выберите группу круглых скобок и дважды щелкните символ «<»
  • Изменить шрифт на: Apple SD Gothic Neo, обычный с желаемым размером (например, 20)
  • Измените цвет, как вам нравится

Ref @ staticVoidMan ответ на Back-like arrow на iOS 7


8

стрелка назад

Если вы не хотите беспокоиться о файлах изображений, форму стрелки можно нарисовать в подклассе UIView со следующим кодом:

- (void)drawRect:(CGRect)rect {
    float width = rect.size.width;
    float height = rect.size.height;
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextBeginPath(context);
    CGContextMoveToPoint(context, width * 5.0/6.0, height * 0.0/10.0);
    CGContextAddLineToPoint(context, width * 0.0/6.0, height * 5.0/10.0);
    CGContextAddLineToPoint(context, width * 5.0/6.0, height * 10.0/10.0);
    CGContextAddLineToPoint(context, width * 6.0/6.0, height * 9.0/10.0);
    CGContextAddLineToPoint(context, width * 2.0/6.0, height * 5.0/10.0);
    CGContextAddLineToPoint(context, width * 6.0/6.0, height * 1.0/10.0);
    CGContextClosePath(context);

    CGContextSetFillColorWithColor(context, [UIColor blackColor].CGColor);
    CGContextFillPath(context);
}

где вид стрелки пропорционален ширине 6,0 и высоте 10,0


7
    self.navigationItem.leftBarButtonItem = self.navigationItem.backBarButtonItem;

Работает для меня. Я использовал это, когда у меня было больше вкладок, чем они могли поместиться на панели вкладок, и контроллер представления, выдвинутый из «More», перекрывал leftBarButtonItem в его viewDidLoad.


4

Вы можете найти исходные изображения, извлекая их из Other.artwork в UIKit $ {SDKROOT} /System/Library/Frameworks/UIKit.framework/Other.artwork. У сообщества моддинга есть несколько инструментов для их извлечения, здесь . После того, как вы извлечете изображение, вы можете написать некоторый код, чтобы перекрасить его по мере необходимости и установить в качестве изображения кнопки. Возможно ли, что вы действительно отправите такую ​​вещь (поскольку вы встраиваете производное произведение искусства), может быть немного рискованно, поэтому, возможно, вы захотите поговорить с юристом.


4

В библиотеке Three20 есть способ сделать это:

  UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle: @"Title" style:UIBarButtonItemStylePlain 
                                                                target:self action:@selector(foo)];

  UIColor* darkBlue = RGBCOLOR(109, 132, 162);

  TTShapeStyle* style = [TTShapeStyle styleWithShape:[TTRoundedLeftArrowShape shapeWithRadius:4.5] next:
    [TTShadowStyle styleWithColor:RGBCOLOR(255,255,255) blur:1 offset:CGSizeMake(0, 1) next:
    [TTReflectiveFillStyle styleWithColor:darkBlue next:
    [TTBevelBorderStyle styleWithHighlight:[darkBlue shadow]
                                     shadow:[darkBlue multiplyHue:1 saturation:0.5 value:0.5]
                                      width:1 lightSource:270 next:
    [TTInsetStyle styleWithInset:UIEdgeInsetsMake(0, -1, 0, -1) next:
    [TTBevelBorderStyle styleWithHighlight:nil shadow:RGBACOLOR(0,0,0,0.15)
                                        width:1 lightSource:270 next:nil]]]]]];

  TTView* view = [[[TTView alloc] initWithFrame:CGRectMake(0, 0, 80, 35)] autorelease];
  view.backgroundColor = [UIColor clearColor];
  view.style = style;
  backButton.customView = view;


  self.navigationItem.leftBarButtonItem = backButton;

Можете ли вы опубликовать скриншот окончательного результата?
Джм.

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

4

Я обнаружил, что с помощью следующего простого кода добился цели (требуется пользовательское изображение в комплекте):

// Creates a back button instead of default behaviour (displaying title of previous screen)
    UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"back_arrow.png"]
                                                                   style:UIBarButtonItemStyleBordered
                                                                  target:self
                                                                  action:@selector(backAction)];

    tipsDetailViewController.navigationItem.leftBarButtonItem = backButton;
    [backButton release];

2
Для всех, кто заходит на эту страницу, объедините этот ответ с ответом @ PyjamaSam.
PrairieHippo

@PrairieHippo: было сделано сейчас. Вероятно, должен был быть отредактирован в первую очередь. Идеально -1 для того, чтобы не делать этого в первую очередь, оставляя работу за других.
Хакре

4

Вот что я в итоге сделал после поиска всех этих и других решений. Он использует растягиваемый PNG, извлеченный из изображений UIKit. Таким образом, вы можете установить текст, что вы любите

// Generate the background images
UIImage *stretchableBackButton = [[UIImage imageNamed:@"UINavigationBarDefaultBack.png"] stretchableImageWithLeftCapWidth:14 topCapHeight:0];
UIImage *stretchableBackButtonPressed = [[UIImage imageNamed:@"UINavigationBarDefaultBackPressed.png"] stretchableImageWithLeftCapWidth:13 topCapHeight:0];
// Setup the UIButton
UIButton *backButton = [UIButton buttonWithType:UIButtonTypeCustom];
[backButton setBackgroundImage:stretchableBackButton forState:UIControlStateNormal];
[backButton setBackgroundImage:stretchableBackButtonPressed forState:UIControlStateSelected];
NSString *buttonTitle = NSLocalizedString(@"Back", @"Back");
[backButton setTitle:buttonTitle forState:UIControlStateNormal];
[backButton setTitle:buttonTitle forState:UIControlStateSelected];
backButton.titleEdgeInsets = UIEdgeInsetsMake(0, 5, 2, 1); // Tweak the text position
NSInteger width = ([backButton.titleLabel.text sizeWithFont:backButton.titleLabel.font].width + backButton.titleEdgeInsets.right +backButton.titleEdgeInsets.left);
[backButton setFrame:CGRectMake(0, 0, width, 29)];
backButton.titleLabel.font = [UIFont boldSystemFontOfSize:13.0f];
[backButton addTarget:self action:@selector(yourSelector:) forControlEvents:UIControlEventTouchDown];
// Now add the button as a custom UIBarButtonItem
UIBarButtonItem *backButtonItem = [[[UIBarButtonItem alloc] initWithCustomView:backButton] autorelease];
self.navigationItem.leftBarButtonItem = backButtonItem;

2
Следует использовать UIControlStateHighlighted, а не UIControlStateSelected, в противном случае изображение меняется при нажатии кнопки.
Джим

4

Это легко сделать с помощью Interface Builder в Xcode 5.x

результат

  • использовать панель инструментов и элемент панели кнопок из библиотеки объектов

    Составные части

  • в инспекторе Атрибутов кнопки отредактируйте раздел Изображение с вашим изображением кнопки Назад

    Атрибуты инспектора

Готово!


2

Я пытался сделать то же самое, но я хотел, чтобы кнопка «Назад» была на панели навигации. (На самом деле мне нужна была кнопка «Назад», которая делала бы больше, чем просто возвращался назад, поэтому мне пришлось использовать свойство leftBarButtonItem). Я попробовал то, что предложил AndrewS, но в навигационной панели это не выглядело бы так, как должно, так как UIButton был отчасти приведен к UIBarButtonItem.

Но я нашел способ обойти это. На самом деле я просто помещаю UIView под UIButton и устанавливаю customView для UIBarButtonItem. Вот код, если кому-то это нужно:

// initialize button and button view
UIButton *backButton = [UIButton buttonWithType:101];
UIView *backButtonView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, backButton.frame.size.width, backButton.frame.size.height)];

[backButton addTarget:self action:@selector(backButtonTouched:) forControlEvents:UIControlEventTouchUpInside];
[backButton setTitle:@"Back" forState:UIControlStateNormal];
[backButtonView addSubview:backButton];

// set buttonview as custom view for bar button item
UIBarButtonItem *backButtonItem = [[UIBarButtonItem alloc] initWithCustomView:backButtonView];
self.navigationItem.leftBarButtonItem = backButtonItem;

// push item to navigationbar items
[self.navigationController.navigationBar setItems:[NSArray arrayWithObject:backButtonItem]];

1

Чтобы создать изображение для панели инструментов UIToolbar, создайте png в фотошопе, и ГДЕ там, где есть ЛЮБОЙ цвет, он помещает его в белый цвет, а где он равен альфа = 0, то оставляет его в покое.

SDK на самом деле помещает границу вокруг созданного вами значка и делает его белым, без необходимости что-либо делать.

Видите, это то, что я сделал в Photoshop для кнопки «вперед» (очевидно, поменяйте местами кнопку «назад»):

http://twitpic.com/1oanv

и вот как он появился в Интерфейсном Разработчике

http://twitpic.com/1oaoa


1

Решение без использования PNG. Основываясь на этом SO ответе: добавление маленькой стрелки к правой стороне ячейки в ячейке iPhone TableView

Просто переверните UITableViewCell по горизонтали!

UIButton *btnBack = [[UIButton alloc] initWithFrame:CGRectMake(0, 5, 70, 20)];

// Add the disclosure
CGRect frm;
UITableViewCell *disclosure = [[UITableViewCell alloc] init];
disclosure.transform = CGAffineTransformScale(CGAffineTransformIdentity, -1, 1);
frm = self.btnBack.bounds;
disclosure.frame = CGRectMake(frm.origin.x, frm.origin.y, frm.size.width-25, frm.size.height);
disclosure.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
disclosure.userInteractionEnabled = NO;
[self.btnBack addSubview:disclosure];

// Add the label
UILabel *lbl = [[UILabel alloc] init];
frm = CGRectOffset(self.btnBack.bounds, 15, 0);
lbl.frame = frm;
lbl.textAlignment = NSTextAlignmentCenter;
lbl.text = @"BACK";
[self addSubview:lbl];

1

Swift 5.2 Xcode 11.4

Apple Symbol chevron.left теперь позволяет более элегантное решение сделать пользовательскую кнопку. Я подобрал размер и расстояние как можно ближе.

введите описание изображения здесь

import UIKit

class CustomBackButton: UIBarButtonItem {

    convenience init(target: Any, selector: Selector) {

        // Create UIButton
        let button = UIButton(frame: .zero)

        // Customise Title
        button.setTitle("Back", for: .normal)
        button.setTitleColor(.systemBlue, for: .normal)
        button.titleLabel?.font = UIFont.systemFont(ofSize: 17)

        // Customise Image
        let config = UIImage.SymbolConfiguration(pointSize: 19.0, weight: .semibold, scale: .large)
        let image = UIImage(systemName: "chevron.left", withConfiguration: config)
        button.setImage(image, for: .normal)

        // Add Target
        button.addTarget(target, action: selector, for: .touchUpInside)

        // Customise Spacing to match system Back button
        button.imageEdgeInsets = UIEdgeInsets(top: 0.0, left: -18.0, bottom: 0.0, right: 0.0)
        button.titleEdgeInsets = UIEdgeInsets(top: 0.0, left: -12.0, bottom: 0.0, right: 0.0)

        self.init(customView: button)
    }
}

Это может быть реализовано либо как UIToolbarItem, либо какUINavigationItem

override func viewDidLoad() {
    super.viewDidLoad()

    // UIToolbar Item
    let barBackButton = CustomBackButton(target: self, selector: #selector(backButtonTapped))
    let flexSpace = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil)
    navigationController?.setToolbarHidden(false, animated: false)
    toolbarItems = [barBackButton, flexSpace]

    // Navigation Item
    let navBackButton = CustomBackButton(target: self, selector: #selector(backButtonTapped))
    navigationItem.leftBarButtonItem = navBackButton
}

@objc func backButtonTapped() {
    print("Back tapped")
}

Если вы хотите щелкнуть кнопкой и стрелка указывает вправо:

введите описание изображения здесь

Используйте Apple Symbol с именем "chevron.right"

Добавьте следующий код в CustomBackButtonкласс:

    // Put the image of the right side of the button
    button.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
    button.titleLabel?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
    button.imageView?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)

0

Если вы хотите избежать рисования самостоятельно, вы можете использовать недокументированный класс: UINavigationButton со стилем 1. Это, конечно, может помешать утверждению вашего приложения ... / Джон


0

Ну, вам не нужно иметь разные кнопки для каждого размера, вы можете использовать [UIImage stretchableImageWithLeftCapWidth:topCapHeight:], но единственное, что я нашел, это пользовательские изображения.


0

У меня была похожая проблема, и вышла одна библиотека PButton . И пример - кнопка, похожая на кнопку обратной навигации, которую можно использовать в любом месте, как настраиваемую кнопку.

Что-то вроде этого: введите описание изображения здесь


0

Пример в Swift 3, с предыдущей и следующей кнопкой в ​​правом верхнем углу.

let prevButtonItem = UIBarButtonItem(title: "\u{25C0}", style: .plain, target: self, action: #selector(prevButtonTapped))
let nextButtonItem = UIBarButtonItem(title: "\u{25B6}", style: .plain, target: self, action: #selector(nextButtonTapped))
self.navigationItem.rightBarButtonItems = [nextButtonItem, prevButtonItem]

0

стриж

// create button
    var backButton = UIButton(type: 101)

    // left-pointing shape!
    backButton.addTarget(self, action: #selector(self.backAction), for: .touchUpInside)
    backButton.setTitle("Back", for: .normal)

    // create button item -- possible because UIButton subclasses UIView!
    var backItem = UIBarButtonItem(customView: backButton)

    // add to toolbar, or to a navbar (you should only have one of these!)
    toolbar.items = [backItem]
    navItem.leftBarButtonItem = backItem

-5

Попробуй это. Я уверен, что вам не нужно изображение кнопки назад, чтобы создать один такой.

UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle:@"Back"
                                                               style:UIBarButtonItemStyleBordered
                                                              target:self
                                                              action:@selector(yourSelectorGoesHere:)];
self.navigationItem.backBarButtonItem = backButton;

Это все, что вам нужно сделать :)


-23

Почему вы это делаете? Если вы хотите что-то похожее на панель навигации, используйте UINavigationBar.

Панели инструментов имеют определенный визуальный стиль, связанный с ними. Руководство по интерфейсу пользователя для состояния iPhone:

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

Затем он дает несколько наглядных примеров примерно квадратных значков без текста. Я призываю вас следовать HIG по этому вопросу.


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

Если вы помещаете его в верхнюю часть экрана, он используется неправильно. Сравните градиенты и границы между UINavigationBar и UIToolbar, и вы увидите, что они немного отличаются. Вы определенно хотите использовать UINavigationBar в верхней части экрана.
NilObject

10
Я кладу это на дно.
Марко
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.