iOS - UIButton system selected image - ios

Question

I have a UIButton with a transparent image with a toggle for selected.
In the current configuration I am using the system button type, because it inverts the button nicely. However with this inverting, I get an image with borders, and I want this image to fill the whole button. How can this be achieved? I would like to keep the transparent mask from system.
Here is the repository.
In the image below is what the selected system state looks like.

Answer 1

Create Subclass of UIButton and override the isSelected
For Example
class CustomButton: UIButton {
/*
// Only override draw() if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
override func draw(_ rect: CGRect) {
// Drawing code
}
*/
override var isSelected: Bool {
didSet {
if isSelected {
self.backgroundColor = UIColor.blue
self.tintColor = UIColor.white
} else {
self.backgroundColor = .white
self.tintColor = UIColor.red
}
}
}
}
Change Color according to your requirements
And in view Controller Do Like this
class ViewController: UIViewController {
#IBOutlet weak var button: CustomButton!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
button.isSelected = false
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
#IBAction func btnTapped(_ sender: Any) {
button.isSelected = !button.isSelected
}
}
And there is one more thing you have to set Render option of image to Template