How to Create an Animated Button in iOS | Treehouse Quick Tip

Share this article

Learn how to create an animated button for your iOS App. Animated buttons are created using the classes UIButton and UIImage. A smooth animation can be achieved by using a series of images animated over a short duration.

The first thing you’ll need a series of images. The names must be named in a numerical sequence so that the number is a suffix to the file name.

To get a smooth animation, simply add more images. These images can be created using any graphics program.

First, add all of your images to the project.

Next, create an IBOutlet for your button.

In your ViewController.m file, refer to your IBOutlet button, and use the setBackgroundImage method using animatedImageName, and provide the file name without the numerical sequence and a duration.

Running the app, you’ll see the animated button repeating.

Similarly, we can create an animation that takes place with the button is touched.

Now you’re ready to add animated button effects to your app!

Free Workshops

Watch one of our expert, full-length teaching videos. Choose from HTML, CSS or WordPress.

Start Learning

Amit Bijlani

Amit is an iOS Developer who loves teaching and speaking about iOS. When not in front of a computer, he's exploring the outdoors or meditating. Follow him on Twitter: @paradoxed


Comments are closed.