UIView Hide/Show with animation

by

In iOS 4 and later, there’s a way to do this just using the UIView transition method without needing to import QuartzCore. You can just say:

Objective C

[UIView transitionWithView:button
                  duration:0.4
                   options:UIViewAnimationOptionTransitionCrossDissolve
                animations:^{
                     button.hidden = YES;
                }
                completion:NULL];

Swift

UIView.transition(with: button, duration: 0.4, 
                  options: .transitionCrossDissolve, 
                  animations: {
                 button.hidden = false
              })

Previous Solution

Michail’s solution will work, but it’s not actually the best approach.

The problem with alpha fading is that sometimes the different overlapping view layers look weird as they fade out. There are some other alternatives using Core Animation. First include the QuartzCore framework in your app and add #import <QuartzCore/QuartzCore.h> to your header. Now you can do one of the following:

1) set button.layer.shouldRasterize = YES; and then use the alpha animation code that Michail provided in his answer. This will prevent the layers from blending weirdly, but has a slight performance penalty, and can make the button look blurry if it’s not aligned exactly on a pixel boundary.

Alternatively:

2) Use the following code to animate the fade instead:

CATransition *animation = [CATransition animation];
animation.type = kCATransitionFade;
animation.duration = 0.4;
[button.layer addAnimation:animation forKey:nil];

button.hidden = YES;

The nice thing about this approach is you can crossfade any property of the button even if they aren’t animatable (e.g. the text or image of the button), just set up the transition and then set your properties immediately afterwards.

More Related Contents:

  1. How Do I Take a Screen Shot of a UIView?
  2. How to easily resize/optimize an image size with iOS?
  3. Returning method object from inside block
  4. Waiting until two async blocks are executed before starting another block
  5. How do I change the title of the “back” button on a Navigation Bar
  6. How to load local html file into UIWebView
  7. How to put buttons over UITableView which won’t scroll with table in iOS
  8. Add “…Read More” to the end of UILabel
  9. Navigation Controller Push View Controller
  10. AFNetworking and background transfers
  11. How to make HTTP request in Swift?
  12. Objective C NSString* property retain count oddity
  13. Linker Command failed with exit code 1 (use -v to see invocation), Xcode 8, Swift 3
  14. setNeedsLayout vs. setNeedsUpdateConstraints and layoutIfNeeded vs updateConstraintsIfNeeded
  15. UITableViewCell show white background and cannot be modified on iOS7
  16. Difference between _ and self. in Objective-C
  17. Moving views with constraints
  18. How to Insert the UITextView into UIAlertview in iOS
  19. Check if a UIAlertView is showing
  20. unable to get the access token through [FBSDKAccessToken currentAccessToken] in iphone sdk
  21. How to know that if the only visible area of a .png is touched in Xcode
  22. Correct way to setting a tag to all cells in TableView
  23. Error: CUICatalog: Invalid asset name supplied: (null), or invalid scale factor : 2.000000
  24. Duplicate Symbols for Architecture arm64
  25. UISlider that snaps to a fixed number of steps (like Text Size in the iOS 7 Settings app)
  26. Open UISplitViewController to Master View rather than Detail
  27. UIRefreshControl with UICollectionView in iOS7
  28. Round top corners of a UIView and add border
  29. How can I get the iOS device CPU architecture in runtime
  30. MKMapView MKPointAnnotation tap event

Leave a Comment