Create Android Carousel Component
$250-750 USD
Paid on delivery
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.
Project ID: #7357979
About the project
17 freelancers are bidding on average $699 for this job
I have been working and developing many complex views and animations. This requirement of cylindrical carousel is possible and can be completed in a very easy to use forms.