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

Amit Bijlani
writes on November 30, 2012

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!

Leave a Reply

You must be logged in to post a comment.

Want to learn more about iOS?

iOS is the operating system that powers iPhones and iPads. Learn the language, tools and frameworks to build interactive apps on the iOS platform.

Learn more