[iOS / UIKit] Notification을 활용하여 ViewController간 Data 전달하기

안녕하세요~

오늘은 Notification을 활용하여 두 ViewController 사이에 Data를 주고받는 방식을 한 번 알아봅시다!

 

 

모달 방식으로 보여지는 SendingViewController의 텍스트필드에 내용을 입력하고 'Send Data' 버튼을 클릭하면

해당 내용이 ReceivingViewController의 중앙에 있는 Label을 업데이트 시킵니다.

 

어떻게 만들었는지 바로 코드 보여드리겠습니다!

 

(1) 데이터를 받아 화면 중앙의 Label을 업데이트 시키는 ReceivingViewController입니다.

	import UIKit
	// Notification의 이름을 상수로 정의합니다.
	extension Notification.Name {
	static let dataNotification = Notification.Name("DataNotification")
	}
	class ReceivingViewController: UIViewController {
	private lazy var dataLabel: UILabel = {
	let label = UILabel()
	label.translatesAutoresizingMaskIntoConstraints = false
	label.font = .systemFont(ofSize: 16, weight: .medium)
	label.textAlignment = .center
	label.text = "NO DATA"
	return label
	}()
	private lazy var popupButton: UIButton = {
	let button = UIButton()
	button.translatesAutoresizingMaskIntoConstraints = false
	button.setTitle("Popup SendingVC", for: .normal)
	button.setTitleColor(.white, for: .normal)
	button.backgroundColor = .systemBlue
	button.layer.cornerRadius = 16
	button.addTarget(self, action: #selector(didTapPopupButton), for: .touchUpInside)
	return button
	}()
	override func viewDidLoad() {
	super.viewDidLoad()
	title = "ReceivingViewController"
	view.backgroundColor = .green
	setLayout()
	setObserver()
	}
	// 데이터를 전달받는 UIViewController가 화면에서 사라질 때 Notification을 해제합니다.
	deinit {
	NotificationCenter.default.removeObserver(self)
	}
	private func setLayout() {
	view.addSubview(dataLabel)
	view.addSubview(popupButton)
	NSLayoutConstraint.activate([
	dataLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor),
	dataLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor)
	])
	NSLayoutConstraint.activate([
	popupButton.topAnchor.constraint(equalTo: dataLabel.bottomAnchor, constant: 25),
	popupButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
	popupButton.widthAnchor.constraint(equalToConstant: 200),
	popupButton.heightAnchor.constraint(equalToConstant: 50),
	])
	}
	// 데이터를 전달받는 UIViewController에서 Notification을 추가합니다.
	private func setObserver() {
	NotificationCenter.default.addObserver(
	self,
	selector: #selector(didReceiveData),
	name: .dataNotification,
	object: nil
	)
	}
	@objc private func didTapPopupButton() {
	let sendingVC = SendingViewController()
	sendingVC.modalPresentationStyle = .pageSheet
	sendingVC.sheetPresentationController?.detents = [.medium()]
	sendingVC.sheetPresentationController?.prefersGrabberVisible = true
	present(sendingVC, animated: true)
	}
	// 데이터를 전달받는 UIViewController에서 Notification을 받습니다.
	@objc func didReceiveData(_ notification: Notification) {
	if let data = notification.userInfo?["data"] as? String {
	dataLabel.text = "Received data: \(data)"
	}
	}
	}

view raw pass_data_notification_receiving_vc.swift hosted with ❤ by GitHub

 

(2) TextField에 입력된 내용을 Notification을 통해 ReceivingViewController로 전달하는 SendingViewController입니다.

	import UIKit
	class SendingViewController: UIViewController {
	private lazy var dataTextField: UITextField = {
	let textField = UITextField()
	textField.translatesAutoresizingMaskIntoConstraints = false
	textField.borderStyle = .roundedRect
	textField.placeholder = "Input some data"
	return textField
	}()
	private lazy var sendButton: UIButton = {
	let button = UIButton()
	button.translatesAutoresizingMaskIntoConstraints = false
	button.setTitle("Send Data", for: .normal)
	button.setTitleColor(.white, for: .normal)
	button.backgroundColor = .systemBlue
	button.layer.cornerRadius = 16
	button.addTarget(self, action: #selector(didTapSendButton), for: .touchUpInside)
	return button
	}()
	override func viewDidLoad() {
	super.viewDidLoad()
	title = "SendingViewController"
	view.backgroundColor = .systemYellow
	setLayout()
	}
	private func setLayout() {
	view.addSubview(dataTextField)
	view.addSubview(sendButton)
	NSLayoutConstraint.activate([
	dataTextField.centerXAnchor.constraint(equalTo: view.centerXAnchor),
	dataTextField.centerYAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 150),
	dataTextField.widthAnchor.constraint(equalToConstant: 200),
	dataTextField.heightAnchor.constraint(equalToConstant: 45),
	])
	NSLayoutConstraint.activate([
	sendButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
	sendButton.topAnchor.constraint(equalTo: dataTextField.bottomAnchor, constant: 50),
	sendButton.widthAnchor.constraint(equalToConstant: 120),
	sendButton.heightAnchor.constraint(equalToConstant: 50),
	])
	}
	@objc private func didTapSendButton() {
	// 데이터를 전달하는 UIViewController에서 Notification을 보냅니다.
	let dataToSend = dataTextField.text ?? "Nothing left to say"
	let notification = Notification(
	name: .dataNotification,
	object: self,
	userInfo: ["data": dataToSend]
	)
	NotificationCenter.default.post(notification)
	dismiss(animated: true)
	}
	}

view raw pass_data_notification_sending_vc.swift hosted with ❤ by GitHub

 

 

전체 소스코드가 들어 있는 깃허브 주소입니다!

https://github.com/TDCIAN/PassDataUsingNotification

GitHub - TDCIAN/PassDataUsingNotification

 

 

Notification이 아니라 Delegate으로 Data를 전달하는 아래 내용은 어떠세요?

https://tdcian.tistory.com/356

[iOS / UIKit] Delegate을 활용하여 ViewController간 Data 전달하기

 

Notification과 Delegate을 비교한 아래 내용은 어떠세요?

https://tdcian.tistory.com/357

[iOS / UIKit] Notification과 Delegate으로 Data를 주고받는 것에 관하여