web-dev-qa-db-ja.com

Swiftで「戻る」UIBarButtonitemをプログラムで作成する方法は？

次のコードを使用して、プログラムで戻ることができるUIBarButtonアイテムを作成できました。

    func backAction() -> Void {        
        self.navigationController?.popViewControllerAnimated(true)
    }
override func viewDidLoad() {
        super.viewDidLoad()
    let backButton = UIBarButtonItem(title: "Back", style: UIBarButtonItemStyle.Plain, target: self, action: "backAction")

        self.navigationItem.leftBarButtonItem = backButton
    }

問題は、戻るボタンに左向きの矢印がないことです。 enter image description here 矢印の付いた通常の戻るボタンのように見えるようにする方法はありますか？ enter image description here

可能であれば、ボタンのタイトル名を前のView Controllerのタイトルとして作成する方法があるかどうかも知りたいです。

ありがとう

iosswiftuibarbuttonitem
12
Rami Ammoun

以下は、UIBarButtonItemのcustomViewとして追加できる画像とともにUIButtonを使用するコードです

override func viewDidLoad() {
    super.viewDidLoad()
    var backbutton = UIButton(type: .Custom)
    backbutton.setImage(UIImage(named: "BackButton.png"), forState: .Normal) // Image can be downloaded from here below link 
    backbutton.setTitle("Back", forState: .Normal)
    backbutton.setTitleColor(backbutton.tintColor, forState: .Normal) // You can change the TitleColor
    backbutton.addTarget(self, action: "backAction", forControlEvents: .TouchUpInside)

    self.navigationItem.leftBarButtonItem = UIBarButtonItem(customView: backbutton)
}

func backAction() -> Void {        
   self.navigationController?.popViewControllerAnimated(true)
}

BackButton.png リンクのダウンロード

前のView Controllerのタイトルでbackbuttonのタイトルを設定するには、タイトルを文字列として渡しながら、コントローラーに上記のコードを変更する必要があります

var titleStrFromPreviousController: String // This value has to be set from previous controller while presenting modal controller
backbutton.setTitle(titleStrFromPreviousController, forState: .Normal)

これが役立つ場合があります。

Swift 3

override func viewDidLoad() {
    super.viewDidLoad()

    addBackButton()
}

func addBackButton() {
    let backButton = UIButton(type: .custom)
    backButton.setImage(UIImage(named: "BackButton.png"), for: .normal) // Image can be downloaded from here below link
    backButton.setTitle("Back", for: .normal)
    backButton.setTitleColor(backButton.tintColor, for: .normal) // You can change the TitleColor
    backButton.addTarget(self, action: #selector(self.backAction(_:)), for: .touchUpInside)

    self.navigationItem.leftBarButtonItem = UIBarButtonItem(customView: backButton)
}

@IBAction func backAction(_ sender: UIButton) {
   let _ = self.navigationController?.popViewController(animated: true)
}
35
silentBeep

Swift 4.2の更新-sam bingとsilentbeepに感謝

いくつかの色とアクションのセレクターにいくつかの変更を加えました。

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = .blue
        self.navigationItem.title = title
        self.navigationController?.navigationBar.barTintColor = .white
        self.navigationItem.leftBarButtonItem = UIBarButtonItem(customView: makeBackButton())
    }

    func makeBackButton() -> UIButton {
        let backButtonImage = UIImage(named: "backbutton")?.withRenderingMode(.alwaysTemplate)
        let backButton = UIButton(type: .custom)
        backButton.setImage(backButtonImage, for: .normal)
        backButton.tintColor = .blue
        backButton.setTitle("  Back", for: .normal)
        backButton.setTitleColor(.blue, for: .normal)
        backButton.addTarget(self, action: #selector(self.backButtonPressed), for: .touchUpInside)
        return backButton
    }

    @objc func backButtonPressed() {
        dismiss(animated: true, completion: nil)
//        navigationController?.popViewController(animated: true)
    }
6
Newsonic

ナビゲーションコントローラーにビューを埋め込むことで実行できます。これを行う方法を示す画像を次に示します。 navigationController

それが役立つことを願っています：D

4
Pixele9

最初の答えはうまく機能しますが、画像が少し大きすぎるので、プレビューを使用して幅：13と高さ：22に縮小し、レンダリングモードを.alwaysTemplateに設定し、UIButtonを変更します文字列の前に2つのスペースを追加しながら、白に色付けします。「戻る」。これにより、ナビゲーションバーの[戻る]ボタンに似た静かなものが得られます。画像のサイズと配置の点で優れている場合があります。

編集されたコード：

     func addBackButton() {


            let backButtonImage = UIImage(named: "BackButton.png")?.withRenderingMode(.alwaysTemplate)

            let backButton = UIButton(type: .custom)
            backButton.setImage(backButtonImage, for: .normal) 
            backButton.tintColor = .white
            backButton.setTitle("  Back", for: .normal)
            backButton.setTitleColor(.white, for: .normal)
            backButton.addTarget(self, action: #selector(self.backAction(_:)), for: .touchUpInside)

            self.navigationItem.leftBarButtonItem = UIBarButtonItem(customView: backButton)


}
1
Sam Bing

選択した回答から最後の1行のコードを変更しましたが、それはうまくいきました。

override func viewDidLoad() {
    super.viewDidLoad()

    addBackButton()
}

func addBackButton() {
    let backButton = UIButton(type: .custom)
    backButton.setImage(UIImage(named: "BackButton.png"), for: .normal) // Image can be downloaded from here below link
    backButton.setTitle("Back", for: .normal)
    backButton.setTitleColor(backButton.tintColor, for: .normal) // You can change the TitleColor
    backButton.addTarget(self, action: #selector(self.backAction(_:)), for: .touchUpInside)

    self.navigationItem.leftBarButtonItem = UIBarButtonItem(customView: backButton)
}

@IBAction func backAction(_ sender: UIButton) {
   let _ = self.dismiss(animated: true, completion: nil)
}
0
Daehue Kim