Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

iOS

Hayden Evans
Hayden Evans
15,399 Points
Posted by Hayden Evans
Hayden Evans
15,399 Points

iTunes Radio Station "Stack" Button - Style & Animation

I was curious to see if anyone had come across an example implementation of the iTunes Radio Station buttons. The button for each radio station features what seems like a 3D stack of album artwork. When these buttons are scrolled left or right, the viewable angle of the stack changes to make the stack appear 3D. Also, when the stack is pressed, the spacing between each album art decreases to make the stack of artwork appear compressed by the touch of the user.

iTunes Radio Station Buttons

I was looking to create a similar design in one of my apps and was wondering if anyone had any ideas on how to implement this. Any help is greatly appreciated!!!

2 Answers

John W
John W
21,558 Points

This can be emulated with UICollectionView, but you will have to provide the perspective maths by yourself to get the full effect.

https://developer.apple.com/library/ios/documentation/UIKit/Reference/UICollectionView_class/Reference/Reference.html

Here is a good tutorial to create the "stack" layout.

http://skeuo.com/uicollectionview-custom-layout-tutorial

Hayden Evans
Hayden Evans
15,399 Points
Hayden Evans
Hayden Evans
15,399 Points

Thanks for the helpful links! I'll give these a shot!