Swift Niestandardowy przycisk NavBar Wstecz Obraz i tekst

Question

Potrzebuję dostosować wygląd przycisku Wstecz w projekcie Swift.

Oto co mam:

Oto, czego chcę:

Próbowałem tworzyć własne UIBarButtonItem ale nie mogę dowiedzieć się, jak uzyskać obraz, aby być obok tekst, a nie jako tło lub zamiennik tekstu.

let backButton = UIBarButtonItem(title: "Custom", style: .Plain, target: self, action: nil ) 
//backButton.image = UIImage(named: "imageName") //Replaces title 
backButton.setBackgroundImage(UIImage(named: "imageName"), forState: .Normal, barMetrics: .Default) // Stretches image 
navigationItem.setLeftBarButtonItem(backButton, animated: false) 

Answer 1

można zrobić coś takiego:

let yourBackImage = UIImage(named: "back_button_image") 
self.navigationController?.navigationBar.backIndicatorImage = yourBackImage 
self.navigationController?.navigationBar.backIndicatorTransitionMaskImage = yourBackImage 
self.navigationController?.navigationBar.backItem?.title = "Custom" 

obrazu będą mieli niepowtarzalną barwę chociaż

Answer 2

Dla Wstecz obrazu:

• Przez ten tutorial: (ale nie działa dla mnie)

  UINavigationBar.appearance().backIndicatorImage = UIImage(named: "imageName") 
  

• ale to stack answer: (pracował dla mnie)

  let backButtonImage = UIImage(named: "back-button-image") 
  backButtonImage = backButtonImage?.stretchableImageWithLeftCapWidth(15, topCapHeight: 30) 
  UIBarButtonItem.appearance().setBackButtonBackgroundImage(backButtonImage, forState: .Normal, barMetrics: .Default) 
  

I czcionki, zakładając chcesz czcionka pasujące do całego paska nawigacji (aktualnie w użyciu)

if let font = UIFont(name: "Avenir-Book", size: 22) { 
    UINavigationBar.appearance().titleTextAttributes = [NSFontAttributeName: font] 
} 

Answer 3

Uwaga: Proszę pamiętać, że przycisk Back b wydłuża się do źródła ViewController, a nie do docelowego ViewController. W ten sposób, zmiana musi odbywać się w źródle VC, co przekłada się na cały widok w panelu nawigacyjnego

fragmentu kodu:

let backImage = UIImage(named: "icon-back") 

self.navigationController?.navigationBar.backIndicatorImage = backImage 

self.navigationController?.navigationBar.backIndicatorTransitionMaskImage = backImage 

/*** If needed Assign Title Here ***/ 
self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: UIBarButtonItemStyle.plain, target: nil, action: nil) 

Answer 4

szybkiej 3

extension UIViewController { 

     func setBackButton(){ 
      let yourBackImage = UIImage(named: "backbutton") 
      navigationController?.navigationBar.backIndicatorImage = yourBackImage 
      navigationController?.navigationBar.backIndicatorTransitionMaskImage = yourBackImage 
     } 

    } 

Answer 5

szybki 4

W moim przypadku musiałem mieć tylko obraz przycisku, bez żadnego tekstu. Mam nadzieję, że przyda się to komuś.

let imgBackArrow = UIImage(named: "back_arrow_32") 

navigationController?.navigationBar.backIndicatorImage = imgBackArrow 
navigationController?.navigationBar.backIndicatorTransitionMaskImage = imgBackArrow 

navigationItem.leftItemsSupplementBackButton = true 
navigationItem.leftBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: self, action: nil) 

Answer 6

Posiadanie przycisku na pasku nawigacyjnym z obrazem i tekstem jest dość trudne. Zwłaszcza po tym, jak wprowadzili nowy ból głowy z pozycją UIBarButtonItem w systemie iOS 11: iOS 11 - UIBarButtonItem horizontal position

Możesz zrobić albo przycisk z obrazem albo przycisk z tekstem, ale nie przycisk z tymi dwoma. Próbowałem nawet dwóch UIBarButtonItems razem, jednego z obrazem i innymi z tekstem - nadal nie wygląda dobrze i ich UIStackView nie można łatwo uzyskać do modyfikacji.

Niespodziewanie znaleziono zwykły proste rozwiązanie:

1) Wygląd przycisku jako widok w interfejsie Builder. W moim przypadku jest to obiekt docelowy UIViewController i dostępny przez IBOutlet z prostotą:

2) Ustaw ograniczenie ograniczające wiodącą przestrzeń, aby obraz był ujemny, możesz także ustawić kolor tła widoku na .clear.

3) używać go:

@IBOutlet var backButtonView: UIView! 

override func viewDidLoad() { 
    super.viewDidLoad() 

    let backButton = UIBarButtonItem(customView: self.backButtonView) 
    self.backButtonView.heightAnchor.constraint(equalToConstant: 45).isActive = true 
    self.backButtonView.widthAnchor.constraint(equalToConstant: 75).isActive = true 
    self.navigationItem.leftBarButtonItem = backButton 
} 

to wszystko. Nie musisz używać triku z ujemnym odstępnikiem na iOS 10 lub sztuczką z imageInsets na iOS 11 (który działa tylko, jeśli masz obraz i nie działa na obraz + tekst, BTW).