Create Android Carousel Component

Produce an Android UI component mimicking the ‘Cylinder’ carousel of iOS’s Carousel Component.

Platform: Android

Minimum SDK Version: 11 (Gingerbread, V3.0)

Example attached as PNG.

A demo can be seen here:

[login to view URL]

An adaptor with the items should be provided to the component.

The component can be hard coded for the items to wrap around on a continuous loop. The number of items should be automatically configured on the number of items provided by the adaptor.

The items will always be square.

The component should show the image even when at the back (iCarouselOptionShowBackfaces=YES for iCarousel)

If the user scrolls the carousel it should decelerate smoothly as defined in the properties and come to rest on an item centered in the carousel.

A skeleton project is provided in the attached ZIP with example xml files for the layout to contain the carousel and for the items to go into the carousel. Please show the carousel working with the ten provided pictures loaded into the ‘item_image’ image view of the carouselitem xml layout.

An example adaptor is provided but you do not have to use this if your prefer to provide the items to the carousel in a different way. The views in the carousel item should be able to be referenced in some way so the views withincan be manipulated.

Properties (able to be defined in xml or java):

Width of carousel

Height of carousel

Item spacing

Scroll speed

Deceleration (how quickly the item slows down when the user scroll)

(the item sizes can be set when the carousel is defined if required)

The centre item should be the same height (and as the item is always square width=height) as the carousel component.

Listeners

Item is tapped = Fired when an item on the carousel is tapped

Index of the carousel’s centre item changes = Fired each time the item a the centre of the carousel changes (either by the user scrolling or programmically)

Start of scroll = Fired when the carousel has start scrolling (either by the user scrolling or programmatically)

End of scroll = Fired when the carousel has finished scrolling and come to a stop (either by the user scrolling or programmatically)

Carousel Methods

void scrollToPosition(int position, bool isAnimated)

This will center the carousel on the specified item, either immediately or with a smooth animation. The carousel will automatically determine the shortest (direct or wraparound) distance to scroll.

Android Java Mobile App Development

Project ID: #7357979

About the project