UIStackView Hide Animation not working properly

Question

I don't know what is going on but this will happened a lot of time to me. I used UIStackView for arranging the view and animation but when I hide the control in UIStackView there will be some sort of weird animation is there. Here I attached video and code.

UIView.animate(withDuration: 0.5, animations: {
    self.viewCollectionSpecies.isHidden = true
})

what is that view that is moving diagonally? is it the view that you hide? — hasan, Oct 02 '18 at 08:01

score 1 · Answer 1 · edited Oct 05 '20 at 08:16

1

Try

self.viewCollectionSpecies.alpha = 0
UIView.animate(withDuration: 0.5, animations: {
     self.viewCollectionSpecies.isHidden = true
     self.stackView.layoutIfNeeded()
})

Or

self.viewCollectionSpecies.isHidden = true
UIView.animate(withDuration: 0.5, animations: {
     self.stackView.layoutIfNeeded()
})

edited Oct 05 '20 at 08:16

Vukašin Manojlović

3,717
3
19
31

answered Oct 02 '18 at 07:33

Aakash

2,239
15
23

I already try this solution but same result i got – Chirag Shah Oct 02 '18 at 07:34
1

@chiragshah pls do try SPatel's edit, it might help – Aakash Oct 02 '18 at 07:37

score 1 · Answer 2 · answered Oct 02 '18 at 07:57

Finally i got clue what is issue. There will be one height constraint which I need to forgot to remove after removing that constraint it work perfectly.

self.heightConstraint.constant = 0.0
            UIView.animate(withDuration: 0.5, animations: {
                self.viewCollectionSpecies.isHidden = true
                self.layoutIfNeeded()
            })

score 0 · Answer 3 · answered Oct 02 '18 at 07:43

0

Try working with the alpha value:

func changeViewTo(newView: UIView, oldView: UIView) {
    newView.isHidden = false
    newView.alpha = 0
    UIView.animate(withDuration:0.4, animations: {
        oldView.alpha = 0
        newView.alpha = 1
    }) { (result: Bool) in
        oldView.isHidden = true
    }
    layoutIfNeeded()
    self.stackView.layoutIfNeeded()
}

answered Oct 02 '18 at 07:43

Noodledew

509
4
19

your solution not working with my animation – Chirag Shah Oct 02 '18 at 07:45
What do you mean by that? It's kinda hard to imagine what you want to approach with so little detail. – Noodledew Oct 02 '18 at 07:46
i need to reduce the space which is occupied by collection view if i make alpha animation then space remaining as it is and not looks good – Chirag Shah Oct 02 '18 at 07:49
if you could set the alpha to 0 before animation block in your original code then it will work as expected – Aakash Oct 02 '18 at 07:51

UIStackView Hide Animation not working properly

3 Answers3