UIBarButtonItem ในแถบนำทางโดยทางโปรแกรม?


138

ฉันมองหาวิธีแก้ปัญหานี้มาระยะหนึ่งแล้ว แต่ยังไม่มีเลย เช่นทางออกเดียวคือ

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

รหัสนี้จะเพิ่มปุ่มที่มีรูปภาพ "หยุด" เช่นนี้มีวิธีแก้ปัญหาอื่น ๆ ที่มี "ค้นหา" รีเฟรช "ฯลฯ แต่ถ้าฉันต้องการเพิ่มปุ่มโดยใช้โปรแกรมด้วยภาพที่ฉันต้องการล่ะ?

คำตอบ:


351

ภาพปุ่มที่กำหนดเองโดยไม่ต้องตั้งค่ากรอบปุ่ม:

คุณสามารถใช้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 นี้ เอกสารอ้างอิง


UIBarButtonItem พร้อมภาพปุ่มที่กำหนดเองโดยใช้กรอบปุ่ม

สำหรับ 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)

สำหรับ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

สำหรับ System UIBarButtonItem

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

สำหรับการตั้งค่ามากกว่า 1 รายการให้ใช้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);

สำหรับการกระทำที่รวดเร็ว> = 2.2 ควรเป็น#selector(Class.MethodName)... เช่นbtnName.addTarget(self, action: #selector(Class.MethodName), forControlEvents: .TouchUpInside)


คำตอบที่ดี เพียงแค่ต้องการชี้ให้เห็นว่าวิธีการ Selector ได้รับการอัปเดตถึงlet camera = UIBarButtonItem(barButtonSystemItem: .Camera, target: self, action: #selector(Class.MethodName))
CodeBender

ฉันพบว่าถ้าคุณต้องการให้ปุ่มของคุณรวมข้อความคุณต้องระบุส่วน CGRect มีตัวอย่างบางส่วนที่ลอยอยู่รอบ ๆ SO ที่ไม่ได้ระบุสิ่งนี้
Micah Montoya

ขอบคุณสำหรับคำตอบที่สมบูรณ์แบบ ไม่เลวที่จะเพิ่มการอัปเดตสำหรับ swift 4
Milad Faridnia

40

ง่ายกว่ามากด้วยSwift 4หรือSwift 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)


17

เพียงแค่ตั้งค่า UIBarButtonItemด้วย customView

ตัวอย่างเช่น:

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

หรือใช้setFunction:

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

1
ฉันกำลังโหวตคำตอบของคุณเนื่องจากรหัสของคุณใช้งานได้เช่นกัน แต่รหัสของ Bhavin เป็นวิธีแก้ปัญหาเพียงครั้งเดียวดังนั้นฉันจะยอมรับคำตอบของเขา ขอบคุณสำหรับการสนับสนุนของคุณ :)
Rahul Sonvane

12

ฉันเพิ่งสะดุดกับคำถามนี้และนี่คือการอัปเดตสำหรับ 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()

ป.ล. คุณควรเปลี่ยนตัวเลือกเป็นต้นสำหรับแอปของคุณอย่างชัดเจน :)


7

ใน Swift 3.0+ UIBarButtonItemตั้งค่าโดยใช้โปรแกรมดังนี้:

   override func viewDidLoad() {
        super.viewDidLoad()
        let testUIBarButtonItem = UIBarButtonItem(image: UIImage(named: "test.png"), style: .plain, target: self, action: #selector(self.clickButton))
        self.navigationItem.rightBarButtonItem  = testUIBarButtonItem
    }

   @objc func clickButton(){
            print("button click")
     }

3

การตั้งค่า LeftBarButton ด้วยภาพต้นฉบับ

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

2

ฉันมีปัญหาเดียวกันและฉันได้อ่านคำตอบในหัวข้ออื่นแล้วฉันก็แก้ปัญหาด้วยวิธีอื่น ไม่รู้ว่าตัวไหนมีประสิทธิภาพมากกว่ากัน ปัญหาที่คล้ายกัน

//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 );
}

1

นี่คือสิ่งที่บ้าคลั่งของแอปเปิ้ล เมื่อคุณพูด self.navigationItem.rightBarButtonItem.title มันจะบอกว่าไม่มีในขณะที่อยู่บน GUI มันจะแสดงแก้ไขหรือบันทึก Fresher ชอบฉันจะใช้เวลามากในการแก้ไขข้อบกพร่องพฤติกรรมนี้

มีข้อกำหนดว่ารายการจะแสดง Edit ในการโหลด firt จากนั้นผู้ใช้แตะที่มันจะเปลี่ยนเป็น Save title ในการเก็บถาวรฉันทำตามด้านล่าง

// view did load จะขึ้นว่า Edit 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)

}

1

iOS 11

การตั้งค่าปุ่มแบบกำหนดเองโดยใช้ข้อ จำกัด :

let buttonWidth = CGFloat(30)
let buttonHeight = CGFloat(30)

let button = UIButton(type: .custom)
button.setImage(UIImage(named: "img name"), for: .normal)
button.addTarget(self, action: #selector(buttonTapped(sender:)), for: .touchUpInside)
button.widthAnchor.constraint(equalToConstant: buttonWidth).isActive = true
button.heightAnchor.constraint(equalToConstant: buttonHeight).isActive = true

self.navigationItem.rightBarButtonItem = UIBarButtonItem.init(customView: button)

0
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)
}

}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.