Magic EPG
Awesome RecyclerView with custom LayoutManager
Short intro, please
This demo app unleashes not trivial usage of RecyclerView component
The original idea behind it was to create EPG (Electronic Program Guide) where channel assets would be sectors of the rotating carousel and channel's content would be scrollable horizontal stripe of assets with ability to select and playback chosen TV/VOD item
It's worth mentioning that current implementation doesn't strictly bound to the original idea and existing
codebase with minor changes might be successfully applied to any Folder-Assets data models
Carousel is smooth scrollable in up/down directions with ability to smoothly approach randomly selected item to selection
window (the gap in middle part of the carousel) with subsequent displaying item's content in dedicated horizontal stripe
Pictures worth thousands of words
In static:
In dynamic:
Brief talk about internals
Magic starts happening inside WheelFragment. It cosists of 2 big parts: WheelsContainerFrameView and HorizontalCoversFlowView each of which is a custom view itself
WheelsContainerFrameView contains 2 wheel parts - top (represented by TopWheelRecyclerView) and bottom (represented by BottomWheelRecyclerView) with the gap between them. Both of them are descendants of AbstractWheelRecyclerView with their own implementation of AbstractWheelLayoutManager responsible for layouting RecyclerView's children as the sectors inside the carousel
To have a clear picture what is going on internally please take a closer look on those foundational classes:
WheelsContainerFrameViewAbstractWheelRecyclerViewwith descendantsBottomWheelRecyclerViewandTopWheelRecyclerViewAbstractWheelLayoutManagerwith descendantsBottomWheelLayoutManagerandTopWheelLayoutManagerAbstractWheelRotatorHorizontalCoversFlowView