在 iOS 中隐藏 UIButton 的动画

Question

In my application i want to give an animation to UIButtons , like the buttons will "fall out" of the screen when they hide.

I tried the following code but it didn't give me a good result.

[UIView animateWithDuration:1.5
                 animations:^{
                    S1Button.frame = CGRectMake(20, 10, 50, 10);
                }];
[S1Button setHidden:YES];
break;

Answer 1

You can set new position and hide the button after animation.

  [UIView animateWithDuration:0.9 animations:^{
        tradeButton.frame = (CGRect){ CGPointMake(51, 150), tradeButton.bounds.size };
    } completion:^(BOOL finished) {
        tradeButton.hidden = YES;
        // etc.
    }];

Answer 2

Use the animation method which has a completion block and hide the button there. Currently your hide method runs immediately so you don't see the animation.

Answer 3

[UIView animateWithDuration:1 animations:^{
        S1Button.frame = CGRectMake(20, 10, 50, 10);
    } completion:^(BOOL finished) {
        [S1Button setHidden:YES];
    }]

Answer 4

 [UIView animateWithDuration:0.25f
                 animations:^{
                     S1Button.frame = CGRectMake(20, 10, 50, 10);
                }completion:^(BOOL completed){
                     [UIView beginAnimations:nil context:nil];
                     [UIView setAnimationDuration:.3];

                     S1Button.alpha = 1;
                     [UIView commitAnimations];

  }];    

Answer 5

Try this one

To fade out:

         [UIView animateWithDuration:0.3 animations:^{
                button.alpha = 0;
            } completion: ^(BOOL finished) {
                button.hidden = YES;
            }];


        To fade in:


          button.alpha = 0;
            button.hidden = NO;
            [UIView animateWithDuration:0.3 animations:^{
                button.alpha = 1;
            }];

Answer 6

In your Code, The hidden property of Button is NOT animatable. When this animation block runs, your button will immediately hidden , but it will not fade/animate. The appropriate way to fade out a UIView is to animate its alpha property from 1.0 to 0.0 like this:

   [UIView animateWithDuration:2.0
                          delay:0.0
                        options: UIViewAnimationCurveEaseOut
                     animations:^{S1Button.frame = CGRectMake(20, 10, 50, 10);S1buttonA.alpha = 0;}
                     completion:nil];

Answer 7

try this:

you hide the button before your animation completion, the no animation is visible. So, replace your code with this:

[UIView animateWithDuration:1.5 animations:^{
    S1Button.frame = CGRectMake(20, 10, 50, 10);
} completion:^(BOOL finished) {
    [S1Button setHidden:YES];
}];

break;