How to move a UIView programmatically in Swift

Question

The issue is to move an "InfoView" (UIView) programmatically in Swift.

The following constraints exist in the storyboard (see image):

enter image description here

Now, I would like to move the "InfoView" inside "MyView" up or down.

I tried:

@IBOutlet weak var infoTextLabel: UILabel!
@IBOutlet weak var infoTextLabelView: UIView!

// set infoTextLabel color
self.infoTextLabel.textColor = UIColor.blackColor()
// set infoTextLabel text
self.infoTextLabel.text = "hello"
// unhide infoTextLabel
self.infoTextLabel.hidden = false

// For the moving in Y-direction, I tried this - but does not work !!!!!!!
self.infoTextLabelView.frame.origin.y += 200

Could the Autolayout-constraints play a role. How to overcome those programmatically. Or is the frame.origin.y method the wrong one ??

Appreciate any help on this !

Are you attempting to create an animation or are you just trying to move the view's position w/o an animation sequence? — Jeffrey
– Jeffrey, Commented Jun 13, 2015 at 20:49

Darren Findlay · Accepted Answer · 2015-06-13 22:17:21Z

25

When using constraints, you never want to set a view's frame directly. Instead, reconfigure the constraints and let the auto layout engine set your view's frame for you. Create an IBOutlet in your view controller to store a reference to your "Center Y Alignment constraint". Make sure you connect it in your storyboard or xib.

@IBOutlet var yConstraint: NSLayoutConstraint

Then you can set the constraint's constant property to offset it from the Y position (positive number will move it down, negative moves it up).

yConstraint.constant = 200

This would move your view 200 points down.

edited Jun 13, 2015 at 22:17

answered Jun 13, 2015 at 22:10

Darren Findlay

2,5733 gold badges30 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:34:01Z

17

See my answer to this other question about a good way to programmatically move views using auto layout: https://stackoverflow.com/a/30687856/3149796

Also, depending on the effect you're going for and other requirements of your UI, you might also achieve this with transforms without disturbing your auto layout.

// Create a new transform
self.infoTextLabelView.transform = CGAffineTransformMakeTranslation( 0.0, 200.0 )

// Or modify existing transform
self.infoTextLabelView.transform = CGAffineTransformTranslate( self.infoTextLabelView.transform, 0.0, 200.0  )

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Jun 13, 2015 at 22:03

Patrick Lynch

2,7821 gold badge18 silver badges19 bronze badges

2 Comments

Dan M Over a year ago

Make sure you turn off the AutoResizing constraints or the second option doesn't work.

Patrick Lynch Over a year ago

I'm not sure what you mean by this, dan m. To this day, both examples appear to work as intended. Could you be more specific?

Niall Kiddle · Accepted Answer · 2018-02-11 18:27:25Z

9

Swift 4

UIView.animateKeyframes(withDuration: 0.25, delay: 0.0, options: UIViewKeyframeAnimationOptions(rawValue: 7), animations: {
       self.infoTextLabelView.frame.origin.y+=200

},completion: nil)

edited Feb 11, 2018 at 18:27

Niall Kiddle

1,4783 gold badges17 silver badges36 bronze badges

answered Jan 25, 2018 at 19:52

Zafar Ahmad

3,2391 gold badge37 silver badges47 bronze badges

4 Comments

Yaroslav Dukal Over a year ago

what is rawValue: 7 means?

Roney Sampaio Over a year ago

Swift 5 - UIView.animateKeyframes(withDuration: 0.25, delay: 0.0, options: UIView.KeyframeAnimationOptions(rawValue: 7), animations: { self.infoTextLabelView.frame.origin.y+=200 },completion: nil)

Marcos Over a year ago

Or even something simple like this ?: UIView.animate(withDuration: 0.1) { self.formSV.frame.origin.y += 100 }

7RedBits.com Over a year ago

This works for me with the same result: UIView.animateKeyframes(withDuration: 2.0, delay: 0.0, animations: { self.infoTextLabelView.frame.origin.y+=200 },completion: nil)

Juan Manuel Garcia Carmona · Accepted Answer · 2021-02-04 15:55:25Z

8

Swift 5

Use CGAffineTransform

@IBOutlet weak var mainCurtain: UIView!

func moveUp() {
    UIView.animate(withDuration: 0.5, delay: 0.0, options:[], animations: {
        self.mainCurtain.transform = CGAffineTransform(translationX: 0, y: 0)
    }, completion: nil)
}


func moveDown() {
    UIView.animate(withDuration: 0.5, delay: 0.0, options:[], animations: {
        let screenSize = UIScreen.main.bounds.size
        self.mainCurtain.transform = CGAffineTransform(translationX: 0, y: screenSize.height * 0.5)
    }, completion: nil)
}

answered Feb 4, 2021 at 15:55

Juan Manuel Garcia Carmona

90210 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to move a UIView programmatically in Swift

4 Answers 4

Comments

2 Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related