51

我想在更改其隐藏模式的同时向视图添加动画，即

my_view.hidden=YES;

我在导航栏中添加了一个按钮。当我们单击它时，新视图设置为取消隐藏。它绘制在导航表的上方。

4

12 回答 12

61

将视图的不透明度从 100% 设置为 0%。让动画完成回调将视图设置为隐藏。您可能还希望在回调期间将不透明度重置为 100%，以便在取消隐藏时视图将显示为完全不透明。

yourView.alpha = 0.0 //for zero opacity
yourView.alpha = 1.0 //for 100% opacity
于 2011-05-30T15:16:24.317 回答
36

但是没有隐藏动画；使用下面的 Swift 代码可以得到相同的结果：

UIView.animate(withDuration: 0.2, delay: 0, options: [], animations: {            
    self.yourView.alpha = 0 // Here you can change the alpha property of the view 
}, completion: { _ in  
    self.yourView.isHidden = true // Here you hide it when animation done
})
于 2014-10-17T17:55:35.283 回答
31

不幸的是，hidden 不是一个可以通过 UIView 动画设置动画的属性。我认为你最好的选择可能是使用@Erik B 建议的动画之一，或者开始涉足更强大的核心动画。浏览一下 UIView 动画和核心动画的文档。

通过使用 UIView 动画从另一个视图下方滑动新视图，我实现了类似于您的建议。这使它看起来像一个滑出的抽屉。如果你想做这样的事情，你需要拦截 touch up inside 事件并将动画代码放在那里。

- (IBAction)buttonClicked:(id)sender {
    [UIView animateWithDuration:0.5
                          delay:0.0 
                        options:UIViewAnimationCurveEaseOut
                     animations:^(void) {
                        self.myView.frame = /* set the frame here */
                     } 
                     completion:NULL];
}
于 2011-05-30T15:12:32.457 回答
22

我认为更合适的方法是：

[UIView transitionWithView:aView
                  duration:0.3
                   options:UIViewAnimationOptionTransitionCrossDissolve 
                animations:^(void){
                              aView.hidden = NO;
                           }
                completion:nil];
于 2015-03-12T05:04:35.610 回答
20

更新到Swift 3：

UIView.animate(withDuration: 0.2, delay: 0.2, options: .curveEaseOut,
      animations: {firstView.alpha = 0}, 
      completion: { _ in firstView.isHidden = true
        //Do anything else that depends on this animation ending
    })

如果您希望在第一个视图消失后重新制作动画，您可以使用 和 复制完成块内的alpha = 1代码hidden = false。

于 2016-12-08T13:44:29.667 回答
18

这是我写的一个类别，用于在 UIView 上引入一个新的“隐藏”属性，它正确支持动画：

@implementation UIView (AnimateHidden)

-(void)setHiddenAnimated:(BOOL)hide
{
  [UIView animateWithDuration:0.5
                        delay:0.0
                      options: UIViewAnimationCurveEaseOut
                   animations:^
                             {
                           [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
                           if (hide)
                             self.alpha=0;
                           else
                           {
                             self.hidden= NO;
                             self.alpha=1;
                           }
                         }
      completion:^(BOOL b)
      {
        if (hide)
          self.hidden= YES;
      }
  ];
}
@end
于 2013-01-04T12:02:42.953 回答
9

这是更正的 NJ 版本：

@implementation UIView (AnimateHidden)

-(void)setHiddenAnimated:(BOOL)hide duration:(NSTimeInterval)duration {
    if(self.hidden == hide)
        return;
    if(hide)
        self.alpha = 1;
    else {
        self.alpha = 0;
        self.hidden = NO;
    }
    [UIView animateWithDuration:duration animations:^{
        if (hide)
            self.alpha = 0;
        else
            self.alpha = 1;
    } completion:^(BOOL finished) {
        if(finished)
            self.hidden = hide;
    }];
}

@end
于 2013-05-27T16:01:09.837 回答
7

这是此的快速版本：

斯威夫特 2

UIView.animateWithDuration(0.5, delay: 0.2, options: UIViewAnimationOptions.CurveEaseOut, animations: {
    objView.alpha = 0
}, completion: { finished in
    objView.hidden = true
})

斯威夫特 3, 4, 5

UIView.animate(withDuration: 0.5, delay: 0.2, options: UIView.AnimationOptions.curveEaseOut, animations: {
    objView.alpha = 0
}, completion: { finished in
    objView.isHidden = true
})

这将执行持续时间为 5 秒并延迟 2 秒后的动画。

可用的动画选项是：

CurveEaseInOut, CurveEaseIn, CurveEaseOut, CurveLinear
于 2016-07-19T12:52:05.830 回答
4

由于其中一些答案有点混乱，我想我可以发布我对这个 API 的简约设计。我还添加了延迟和持续时间 - 因为为什么不呢。

在我们的实现中。

#import "UIView+AnimateHidden.h"

@implementation UIView (AnimateHidden)

- (void)setHiddenAnimated:(BOOL)hide
                    delay:(NSTimeInterval)delay
                 duration:(NSTimeInterval)duration {
    [UIView animateWithDuration:duration
                          delay:delay
                        options:UIViewAnimationOptionAllowAnimatedContent
                     animations:^{
                         if (hide) {
                             self.alpha = 0;
                         } else {
                             self.alpha = 0;
                             self.hidden = NO; // We need this to see the animation 0 -> 1
                             self.alpha = 1;
                         }
    } completion:^(BOOL finished) {
        self.hidden = hide;
    }];
}

@end

在我们的头文件中。

#import <UIKit/UIKit.h>

@interface UIView (AnimateHidden)

- (void)setHiddenAnimated:(BOOL)hide
                    delay:(NSTimeInterval)delay
                 duration:(NSTimeInterval)duration;

@end
于 2014-09-07T08:31:16.753 回答
3

NJ 和 Stanislav 的答案在这里帮助我为此创建了一个新类别，我认为这改进了他们的答案，所以我想我会发布我想出的东西，以防它帮助其他人。

请注意，它仅适用于 iOS4 或更高版本，因为它使用块。

UIView+AnimateHidden.m

#import "UIView+AnimateHidden.h"

@implementation UIView (AnimateHidden)

- (void)setHidden:(BOOL)hidden animated:(BOOL)animated
{
    // If the hidden value is already set, do nothing
    if (hidden == self.hidden) {
        return;
    }
    // If no animation requested, do the normal setHidden method
    else if (animated == NO) {
        [self setHidden:hidden];
        return;
    }
    else {
        // Store the view's current alpha value
        CGFloat origAlpha = self.alpha;

        // If we're unhiding the view, make it invisible initially
        if (hidden == NO) {
            self.alpha = 0;
        }

        // Unhide the view so we can see the animation
        self.hidden = NO;

        // Do the animation
        [UIView animateWithDuration:0.5
                              delay:0.0
                            options: UIViewAnimationOptionCurveEaseOut
                         animations:^{
            // Start animation block
            if (hidden == YES) {
                self.alpha = 0;
            }
            else {
                self.alpha = origAlpha;
            }
            // End animation block
        }
                        completion:^(BOOL b){
            // Start completion block
            // Finish up by hiding the view if necessary...
            self.hidden = hidden;
            // ... and putting back the correct alpha value
            self.alpha = origAlpha;
            // End completion block
        }];
    }
}

@end
于 2013-12-19T12:42:28.173 回答
0

如果您希望使用更复杂的动画类型或 UIView 不支持的动画，则可以使用另一个版本

- (void)setHidden:(BOOL)hidden withAnimationDuration:(NSTimeInterval)duration
{
    CATransition* transition = ({
        CATransition* its = [CATransition animation];
        its.duration = duration;
        its.timingFunction =
            [CAMediaTimingFunction
             functionWithName: kCAMediaTimingFunctionEaseInEaseOut];
        its.type = kCATransitionPush;
        its.subtype = (hidden ? @"fromBottom" : @"fromTop");
        its
    });

    UIView* containerView = self.superview;
    [containerView.layer removeAllAnimations];
    [containerView.layer addAnimation: transition forKey: kCATransition];

    self.hidden = hidden;

    if (!hidden) {
        [self.superview bringSubviewToFront: self];
    }
}
于 2016-02-23T01:00:25.887 回答
0

这是我用来在“显示更多...”和“显示更少...”按钮单击时对视图“增长”和“缩小”进行建模的代码。以 Palyancodr 的答案为模型

这种方法允许我在情节提要中创建两个视图，以便约束在不同的 iOS 设备上按预期工作，并且我不需要自定义所有约束的代码。

@IBAction func showMoreOrLessAction(_ sender: Any) {
    // if small view showing
    if showMoreLargeView.isHidden {
        showMoreSmallView.isHidden = true

        //showMoreLargeView.isHidden = false
        UIView.animate(withDuration: 0.2, delay: 0, options: [], animations: {
            self.showMoreLargeView.alpha = 1 // Here you will get the animation you want
        }, completion: { _ in
            self.showMoreLargeView.isHidden = false // Here you hide it when animation done
        })
    }
    else { // large view showing
        //showMoreSmallView.isHidden = false
        UIView.animate(withDuration: 0.2, delay: 0, options: [], animations: {
            self.showMoreSmallView.alpha = 1 // Here you will get the animation you want
        }, completion: { _ in
            self.showMoreSmallView.isHidden = false // Here you hide it when animation done
        })

        showMoreLargeView.isHidden = true
    }
}
于 2017-07-09T13:41:53.880 回答