[iOS UIKit in Swift 4] UIBarButtonItem 사용하기

UIBarButtonItem 사용하기

NavigationBar에 add와 RightBtn을 추가하였습니다.

왼쪽에 있는 add버튼은 UIBarButtonItem에서 제공하는 시스템아이템을 사용하였고 오른쪽에 있는 RightBtn은 title과  style을 정하여 생성하였습니다.

버튼을 누르게되면 selector에서 tag값으로 해당 버튼을 판별합니다.

아래 이미지와 소스코드를 비교해보시면 좀 더 이해하기 편합니다.

궁금하신점은 댓글로 달아주세요.

해피코딩 :)

Preview

Source

	//
	// BarButtonItemVC.swift
	// UIKit component handling
	//
	// Created by Taehyeon Han on 2018. 8. 7..
	// Copyright © 2018년 calmone. All rights reserved.
	//
	import UIKit
	class BarButtonItemVC: UIViewController {
	// Create left UIBarButtonItem.
	lazy var leftButton: UIBarButtonItem = {
	let button = UIBarButtonItem(barButtonSystemItem: .add, target: self, action: #selector(buttonPressed(_:)))
	button.tag = 1
	return button
	}()
	// Create right UIBarButtonItem.
	lazy var rightButton: UIBarButtonItem = {
	let button = UIBarButtonItem(title: "RightBtn", style: .plain, target: self, action: #selector(buttonPressed(_:)))
	button.tag = 2
	return button
	}()
	// Create back button.
	lazy var backButton: UIButton = {
	let button = UIButton(frame: CGRect(x: 0, y: self.view.frame.size.height/2, width: self.view.frame.size.width, height: 100))
	button.setTitle("back", for: .normal)
	button.backgroundColor = UIColor.brown
	button.addTarget(self, action: #selector(backButtonPressed(_:)), for: .touchUpInside)
	return button
	}()
	override func viewDidLoad() {
	super.viewDidLoad()
	// Do any additional setup after loading the view.
	// Set the background color to Green.
	self.view.backgroundColor = .green
	// Set the title of NavigationController.
	self.title = "navigationVC"
	// Set it to the left of the navigation bar.
	self.navigationItem.leftBarButtonItem = self.leftButton
	// Set it to the right of the navigation bar.
	self.navigationItem.rightBarButtonItem = self.rightButton
	// Add back button on view
	self.view.addSubview(self.backButton)
	}
	override func didReceiveMemoryWarning() {
	super.didReceiveMemoryWarning()
	// Dispose of any resources that can be recreated.
	}
	// Button event.
	@objc private func buttonPressed(_ sender: Any) {
	if let button = sender as? UIBarButtonItem {
	switch button.tag {
	case 1:
	// Change the background color to blue.
	self.view.backgroundColor = .blue
	case 2:
	// Change the background color to red.
	self.view.backgroundColor = .red
	default:
	print("error")
	}
	}
	}
	@objc private func backButtonPressed(_ sender: Any) {
	self.navigationController?.popViewController(animated: true)
	}
	}

view raw BarButtonItemVC.swift hosted with ❤ by GitHub

Github

https://github.com/calmone/iOS-UIKit-component

Reference

• UIBarButtonItem
  https://developer.apple.com/reference/uikit/uibarbuttonitem
  
• UINavigationController
  https://developer.apple.com/reference/uikit/uinavigationcontroller
  
• UIViewController 
  https://developer.apple.com/reference/uikit/uiviewcontroller