How to create multiple button on and off common codebase using Swift - ios

Question

In my case, I am trying to create multiple buttons using storyboard. Here, each buttons having on and off background and title color change. In this process as of now I am doing same logic repeated in each button action. Now, instead of that I have to create a common function within one time logics for all button action have to call and work like a on and off individually.
How to make this below logic in a common function and call it from multiple button actions.
Code Base
#IBAction func firstbuttonClick(_ sender: Any) {
if button_isActive {
self.tasktypeButton.backgroundColor = #colorLiteral(red: 0.1843137255, green: 0.6823529412, blue: 0.9764705882, alpha: 1)
self.tasktypeButton.setTitleColor(UIColor.white, for: .normal)
} else {
self.tasktypeButton.backgroundColor = #colorLiteral(red: 0.80803, green: 0.803803, blue: 0.805803, alpha: 1)
self.tasktypeButton.setTitleColor(UIColor.darkGray, for: .normal)
}
button_isActive = !button_isActive
}

Answer 1

You can connect all UIButton action in one like below code.
#IBAction func btnTapped(_ sender: UIButton) {
sender.isSelected = !sender.isSelected
if sender.isSelected {
sender.setTitleColor(UIColor.white, for: .normal)
sender.backgroundColor = UIColor.red
}
else {
sender.setTitleColor(UIColor.black, for: .normal)
sender.backgroundColor = UIColor.white
}
//For identifing which button is tapped
if sender.tag == 1 {
// Do your task
}
else if sender.tag == 2 {
// Do your task
}
}
If you want to detect which button is tapped, you can set tag to UIButton from UIStoryBoard.

Answer 2

import UIKit
class ViewController: UIViewController {
#IBOutlet weak var btn1: UIButton!
#IBOutlet weak var btn2: UIButton!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
}
func btnactn(btnTag:Int)
{
print(btnTag)
switch btnTag {
case 0:
self.btn1.backgroundColor = #colorLiteral(red: 0.1843137255, green: 0.6823529412, blue: 0.9764705882, alpha: 1)
self.btn1.setTitleColor(UIColor.white, for: .normal)
case 1:
self.btn2.backgroundColor = #colorLiteral(red: 0.80803, green: 0.803803, blue: 0.805803, alpha: 1)
self.btn2.setTitleColor(UIColor.white, for: .normal)
default:
break
}
}
#IBAction func btnActn1(_ sender: UIButton)
{
self.btnactn(btnTag: sender.tag)
}
#IBAction func btnActn2(_ sender: UIButton)
{
self.btnactn(btnTag: sender.tag)
}}
its working i have tried this. you just need to connect button outlets and its functions.you can try this.

Answer 3

First of all connect all the UIButtons in the storyboard to the same #IBAction. Also, don't forget to select the UIButton as parameter type when creating the #IBAction.
Next, in the method sender is the UIButton that is clicked. So you can use that for further configuration.
#IBAction func buttonClicked(_ sender: UIButton) {
sender.backgroundColor = sender.isSelected ? #colorLiteral(red: 0.1843137255, green: 0.6823529412, blue: 0.9764705882, alpha: 1) : #colorLiteral(red: 0.80803, green: 0.803803, blue: 0.805803, alpha: 1)
sender.setTitleColor(sender.isSelected ? .white : .darkGray, for: .normal)
//User sender to get the button that is clicked...
let title = sender.titleLabel?.text
print(title)
sender.isSelected = !sender.isSelected
}
One more thing, use isSelected to manage the backgroundColor and titleColor of the button instead of a separate button_isActive property.

Answer 4

You can create only one function as below and connect all the button actions in storyboard to this function so that any button will update its state.
#IBAction private func buttonAction(_ sender: UIButton) {
if button_isActive {
sender.backgroundColor = #colorLiteral(red: 0.1843137255, green: 0.6823529412, blue: 0.9764705882, alpha: 1)
sender.setTitleColor(UIColor.white, for: .normal)
} else {
sender.backgroundColor = #colorLiteral(red: 0.80803, green: 0.803803, blue: 0.805803, alpha: 1)
sender.setTitleColor(UIColor.darkGray, for: .normal)
}
button_isActive = !button_isActive
// To differentiate different buttons
switch (sender.tag) {
case 0:
print(sender.title(for: .normal))
case 1:
print(sender.title(for: .normal))
default:
print(sender.title(for: .normal))
}
}
You can also set tag for each in the storyboard and differentiate in above method to know what button click is this.