web-dev-qa-db-ja.com

プログラムでナビゲートバーのUIBarButtonItem?

私はしばらくこの解決策を見回してきましたが、何も持っていません。例えば一つの解決策は

 self.navigationItem.setRightBarButtonItem(UIBarButtonItem(barButtonSystemItem: .Stop, target: self, action: nil), animated: true)

このコードは、「停止」画像付きのボタンを追加します。これと同じように、 "検索"、 "更新"などの他の解決策があります。しかし、私が欲しい画像でプログラム的にボタンを追加したい場合はどうしますか?

110
iOSbuddy

ボタン枠を設定しないカスタムボタン画像:

init(image: UIImage?, style: UIBarButtonItemStyle, target: Any?, action: Selector?)を使って、指定された画像や他のプロパティを使って新しい項目を初期化することができます。

let button1 = UIBarButtonItem(image: UIImage(named: "imagename"), style: .plain, target: self, action: Selector("action")) // action:#selector(Class.MethodName) for Swift 3
self.navigationItem.rightBarButtonItem  = button1

これを確認してください Apple Doc。参照


ボタンフレームを使ったカスタムボタン画像を持つUIBarButtonItem

FOR Swift 3.0

    let btn1 = UIButton(type: .custom)
    btn1.setImage(UIImage(named: "imagename"), for: .normal)
    btn1.frame = CGRect(x: 0, y: 0, width: 30, height: 30)
    btn1.addTarget(self, action: #selector(Class.Methodname), for: .touchUpInside)
    let item1 = UIBarButtonItem(customView: btn1)

    let btn2 = UIButton(type: .custom)
    btn2.setImage(UIImage(named: "imagename"), for: .normal)
    btn2.frame = CGRect(x: 0, y: 0, width: 30, height: 30)
    btn2.addTarget(self, action: #selector(Class.MethodName), for: .touchUpInside)
    let item2 = UIBarButtonItem(customView: btn2)  

    self.navigationItem.setRightBarButtonItems([item1,item2], animated: true)

FOR Swift 2.0以前

let btnName = UIButton()
btnName.setImage(UIImage(named: "imagename"), forState: .Normal)
btnName.frame = CGRectMake(0, 0, 30, 30)
btnName.addTarget(self, action: Selector("action"), forControlEvents: .TouchUpInside)

//.... Set Right/Left Bar Button item
let rightBarButton = UIBarButtonItem()
rightBarButton.customView = btnName
self.navigationItem.rightBarButtonItem = rightBarButton

あるいは単純に init(customView:) のように使います。

 let rightBarButton = UIBarButtonItem(customView: btnName)
 self.navigationItem.rightBarButtonItem = rightBarButton

システムUIBarButtonItemの場合

let camera = UIBarButtonItem(barButtonSystemItem: .Camera, target: self, action: Selector("btnOpenCamera"))
self.navigationItem.rightBarButtonItem = camera

複数の項目を設定する場合はrightBarButtonItemsを使用するか、左側の場合はleftBarButtonItems

let btn1 = UIButton()
btn1.setImage(UIImage(named: "img1"), forState: .Normal)
btn1.frame = CGRectMake(0, 0, 30, 30)
btn1.addTarget(self, action: Selector("action1:"), forControlEvents: .TouchUpInside)
let item1 = UIBarButtonItem()
item1.customView = btn1

let btn2 = UIButton()
btn2.setImage(UIImage(named: "img2"), forState: .Normal)
btn2.frame = CGRectMake(0, 0, 30, 30)
btn2.addTarget(self, action: Selector("action2:"), forControlEvents: .TouchUpInside)
let item2 = UIBarButtonItem()
item2.customView = btn2

self.navigationItem.rightBarButtonItems = [item1,item2]

setLeftBarButtonItemまたはsetRightBarButtonItemの使用

let btn1 = UIButton()
btn1.setImage(UIImage(named: "img1"), forState: .Normal)
btn1.frame = CGRectMake(0, 0, 30, 30)
btn1.addTarget(self, action: Selector("action1:"), forControlEvents: .TouchUpInside)
self.navigationItem.setLeftBarButtonItem(UIBarButtonItem(customView: btn1), animated: true);

Swift> = 2.2の場合、アクションは#selector(Class.MethodName) ...になります。 btnName.addTarget(self, action: #selector(Class.MethodName), forControlEvents: .TouchUpInside)

306
EI Captain v2.0

Swift 4Swift 4.2を使えばもっと簡単です。

ViewDidLoadメソッド内で、ボタンを定義してナビゲーションバーに追加します。

override func viewDidLoad() {
    super.viewDidLoad()

    let logoutBarButtonItem = UIBarButtonItem(title: "Logout", style: .done, target: self, action: #selector(logoutUser))
    self.navigationItem.rightBarButtonItem  = logoutBarButtonItem

}

それからあなたは以下のようにアクションパラメータの中であなたが言及した関数を定義する必要があります。

@objc func logoutUser(){
     print("clicked")
}

@objcというプレフィックスを追加する必要があります。それはまだレガシーなものを利用しているからです(Objective C)。

20
Jay Mayu

CustomViewでUIBarButtonItemを設定するだけです

例えば:

  var leftNavBarButton = UIBarButtonItem(customView:yourButton)
  self.navigationItem.leftBarButtonItem = leftNavBarButton

またはsetFunctionを使う:

  self.navigationItem.setLeftBarButtonItem(UIBarButtonItem(customView: yourButton), animated: true);
17
Leo

私はちょうどこの質問につまずいた、そしてこれがSwift 3とiOS 10のためのアップデートである:

let testUIBarButtonItem = UIBarButtonItem(image: UIImage(named: "test.png"), style: .plain, target: self, action: nil)
self.navigationItem.rightBarButtonItem  = testUIBarButtonItem

すべてのプロパティを使用してUIButtonを作成し、その後にcustomViewをUIBarButtonItemに追加するよりもはるかに高速です。

また、画像の色をデフォルトの青から、例えば白、色合いの色はいつでも変更できます。

test.tintColor = UIColor.white()

PSあなたは明らかにあなたのアプリのためにセレクタなどを変更するべきです:)

11
tech4242

Swift 3では、バーボタンの中のアクションのために:

let testUIBarButtonItem = UIBarButtonItem(image: UIImage(named: "test.png"), style: .plain, target: self, action: #selector(ViewController.clickButton))
self.navigationItem.rightBarButtonItem  = testUIBarButtonItem

func clickButton(){
        print("button click")
    }
5
Kushal Shrestha

元の画像で左バーボタンを設定します。

let menuButton = UIBarButtonItem(image: UIImage(named: "imagename").withRenderingMode(.alwaysOriginal), style: .plain, target: self, action: #selector(classname.functionname))
self.navigationItem.leftBarButtonItem  = menuButton
2
Sudhi 9135

私は同じ問題を抱えていて、私は別のトピックで答えを読んだ後、私は別の同じような方法で解決します。どちらがより効果的かはわかりません。 同様の問題

//play button

@IBAction func startIt(sender: AnyObject) {
    startThrough();
};

//play button

func startThrough() {
    timer = NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: Selector("updateTime"), userInfo: nil, repeats: true);

    let pauseButton = UIBarButtonItem(barButtonSystemItem: .Pause, target: self, action: "pauseIt");
    self.toolBarIt.items?.removeLast();
    self.toolBarIt.items?.append( pauseButton );
}

func pauseIt() {
    timer.invalidate();

    let play = UIBarButtonItem(barButtonSystemItem: .Play, target: self, action: "startThrough");
    self.toolBarIt.items?.removeLast();
    self.toolBarIt.items?.append( play );
}
2
AngelThread

これはAppleの変わったことです。 self.navigationItem.rightBarButtonItem.titleと言うと、GUI上ではEditまたはSaveと表示されますが、nilとなります。私がこの動作をデバッグするのに長い時間がかかるのが好きです。

Itemが最初のロードでEditを表示してからユーザーがそれをタップするという要件があります。それはSave titleに変わります。これをアーカイブするために、私は以下のようにしました。

//ビューがロードしたと言うタイトルを編集

private func loadRightBarItem() {
    let logoutBarButtonItem = UIBarButtonItem(title: "Edit", style: .done, target: self, action: #selector(handleEditBtn))
    self.navigationItem.rightBarButtonItem  = logoutBarButtonItem
}

// [アイテムを編集]をタップして[タイトルを保存]に変更します

@objc private func handleEditBtn() {
    print("clicked on Edit btn")
    let logoutBarButtonItem = UIBarButtonItem(title: "Save", style: .done, target: self, action: #selector(handleSaveBtn))
    self.navigationItem.rightBarButtonItem  = logoutBarButtonItem
    blockEditTable(isBlock: false)
}

// [アイテムを保存]をタップしてタイトルを編集します

@objc private func handleSaveBtn(){
    print("clicked on Save btn")
    let logoutBarButtonItem = UIBarButtonItem(title: "Edit", style: .done, target: self, action: #selector(handleEditBtn))
    self.navigationItem.rightBarButtonItem  = logoutBarButtonItem

    saveInvitation()
    blockEditTable(isBlock: true)

}
0
coders
func viewDidLoad(){
let homeBtn: UIButton = UIButton(type: UIButtonType.custom)

        homeBtn.setImage(UIImage(named: "Home.png"), for: [])

        homeBtn.addTarget(self, action: #selector(homeAction), for: UIControlEvents.touchUpInside)

        homeBtn.frame = CGRect(x: 0, y: 0, width: 30, height: 30)

        let homeButton = UIBarButtonItem(customView: homeBtn)


        let backBtn: UIButton = UIButton(type: UIButtonType.custom)

        backBtn.setImage(UIImage(named: "back.png"), for: [])

        backBtn.addTarget(self, action: #selector(backAction), for: UIControlEvents.touchUpInside)

        backBtn.frame = CGRect(x: -10, y: 0, width: 30, height: 30)

        let backButton = UIBarButtonItem(customView: backBtn)
        self.navigationItem.setLeftBarButtonItems([backButton,homeButton], animated: true)
}

}
0
Sai kumar Reddy