ios - 相应地移动 View uiview折叠/展开动画

我有一个具有展开/折叠动画的自定义View横幅，类似于此处iphone: expand and collapse a UIView programmatically所述。

当我将该视图集成到任何现有View Controller时，它想要扩展以向下推现有视图时，我想要什么。现在只是重叠了。

如何在iOS中完成？在Android中，我已经使用Visibility.Gone做到了，但是在这里我找不到类似的东西。 Banner可以位于任何视图层次结构中，可以直接为主视图的子级，但是当它展开时，我希望所有视图向下移动，以使其在展开时将所有内容向下推。

这是使用Visibility.Gone Android: Expand/collapse animation的Android方法的链接

最佳答案

您可以通过操纵横幅视图及其框架视图同级中的同级框架属性来获得结果。所有这些都可以包含在横幅视图对象内。 frame属性是可动画的。

将BannerView作为UIView的子类。在它的 public @interface中添加一些方法:

    - (void) collapse;
    - (void) expand;
    - (void) toggle;

您将需要横幅的展开和折叠框架的几个属性:

@property (nonatomic, assign) CGRect expandedFrame;
@property (nonatomic, assign) CGRect collapsedFrame;

这些可以放在( public )@interface或( private )类别扩展名中。在BannerView初始化期间进行设置:

    //initialising in code
    - (id)initWithFrame:(CGRect)frame{
        if (self = [super initWithFrame:frame]) {
            [self initialiseFrames:frame];
        }
        return self;
    }

    //initialising from XIB/Storyboard
    - (void)awakeFromNib {
        [self initialiseFrames:self.frame];
    }

    - (void)initialiseFrames:(CGRect)frame {
        self.expandedFrame = frame;
        frame.size.height = 0;
        self.collapsedFrame = frame;
    }

每当您展开或折叠bannerView时，它都可以使用迭代表单在同级视图中进行迭代

for (UIView* view in self.superview.subviews) {}

通过设置它们各自的frame属性，相应地上下移动它们。要升高和降低框架，请增加或减少bannerView的高度…

- (CGRect)lowerFrame:(CGRect)frame {
    frame.origin.y += CGRectGetHeight(self.expandedFrame);
    return frame;
}

- (CGRect)raiseFrame:(CGRect)frame {
    frame.origin.y -= CGRectGetHeight(self.expandedFrame);
    return frame;
}

将这些片段放在一起，您可以制作折叠和展开动画方法，通过设置它们的框架将同级视图移动到正确的位置，然后通过设置其框架来折叠/展开横幅视图:

- (void) collapse {
    if (CGRectEqualToRect(self.frame, self.collapsedFrame)) return;
    [UIView animateWithDuration:0.5 animations:^{
        for (UIView* view in self.superview.subviews) {
            if (CGRectGetMinY(view.frame) > CGRectGetMaxY(self.frame))
                view.frame = [self raiseFrame:view.frame];
        }
        self.frame = self.collapsedFrame;
    }];

}

- (void) expand {
    if (CGRectEqualToRect(self.frame, self.expandedFrame)) return;
    [UIView animateWithDuration:0.5 animations:^{
        for (UIView* view in self.superview.subviews) {
            if (CGRectGetMinY(view.frame) > CGRectGetMaxY(self.frame))
                view.frame = [self lowerFrame:view.frame];
        }
        self.frame = self.expandedFrame;
    }];

}

…以及在两种状态之间移动的切换方法

- (void) toggle {
    if (CGRectEqualToRect(self.frame, self.collapsedFrame))
        [self expand];
    else [self collapseBanner];
}

关于ios - 相应地移动 View uiview折叠/展开动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18397533/