How to change UIButton without reset position? - ios

Question

I have made a draggable button
let buttonGesture = UIPanGestureRecognizer(target: self, action: #selector(draggedButton(_:)))
menuButton.isUserInteractionEnabled = true
menuButton.addGestureRecognizer(buttonGesture)
When the button drag to certain position, image will be changed.
#objc func draggedButton(_ sender:UIPanGestureRecognizer){
self.view.bringSubview(toFront: menuButton)
let translation = sender.translation(in: self.view)
menuButton.center = CGPoint(x: menuButton.center.x + translation.x, y: menuButton.center.y + translation.y)
sender.setTranslation(CGPoint.zero, in: self.view)
if(menuButton.center.x < 100){
menuButton.setImage(UIImage(named: "newimage"), for: UIControlState.normal)
}
}
But after setImage, button will reset position, how to prevent this?

Answer 1

Try setting button background image instead of button image. Since setting image will rescale its position.

Answer 2

I had same problem and heres my solution:
unset the image, make button blank with no graphics in it
create new UIImageView including your UIImages, for initial and second state
in viewDidLoad() in UIViewController set UIImageView.bounds = UIButton.bounds set the initial image
call UIButton.addSubview(UIImageView)
in your method where you are using UIButton.setImage() call UIImageView.image = UIImage
Heres an example:
class VC : UIViewController{
let image_initial : UIImage = UIImage("img_1")
let image_second : UIImage = UIImage("img_2")
let imageview_menu : UIImageView = UIImageView()
#IBOutlet weak var button_menu: UIButton!
override func viewDidLoad(){
super.viewDidLoad()
//...
self.imageview_menu.bounds = button_menu.bounds
self.imageview_menu.image = image_initial
self.button_menu.addSubview(imageview_menu)
//...
}
#objc func draggedButton(_ sender:UIPanGestureRecognizer){
//...your code
if(menuButton.center.x < 100){
imageview_menu.image = image_second
}
}
}
Hope this helps if you haven't found solution. :)