ios hide ui element and unblock space

Question

I have an ui design with a pageviewcontroller in a storyboard with autolayout activated. The design consists of several labels and some images for each page. on some pages some labels should not be visible (beacause there is no information to display). I just can hide the ui element but than I get a visible gap between the ui elements.

What is the easiest way to hide a ui element and unblock the space of it? Like "GONE" in android.

Do you want to hide the element but you dont want to have a gap? Do you want to move the existing elements one element higher, so the gap is filled with the elements under the hidden element? — David Gölzhäuser, Feb 15 '14 at 15:51

score 0 · Answer 1 · answered Feb 15 '14 at 15:26

One way to do this is to move (with/without animation) the remaining visible UI components when you want to hide one of them. Give this a try:

CGRect newFrame = theView.frame;
newFrame.origin.x += 500;    // shift right by 500pts

[UIView animateWithDuration:1.0 
    animations:^{
        theView.frame = newFrame;
    }];

The above snippet (and other examples) can be found here.

ios hide ui element and unblock space

1 Answers1