Topcoder Challenge | Topcoder Community

Challenge Overview

Display:

Build a honeycomb grid native UI component or library with grid-like interface where each cell is in shape of a hexagon instead of standard square.
Grid will have 35 items on display in honeycomb view. This 7 x 5 grid should have capacity to display 7 items in a row and 5 rows total.
For the purposes of this contest the display will have all 35 icons showing. ��Each icon should be associated with a corresponding data structure that contains additional information that will be used on subsequent pages/panels within the app when the icon is touched.��
Need to have an ability to change images dynamically based on data or status of the cell. ��E.G:
- an active cell that has touch events to respond to.��
- an inactive cell with ��greyed out�� type of icon with disabled status that can respond to events but will not result in any action or transitions.
Honeycomb grid layout need to be able to integrate with iOS View to be incorporated into native application as main app navigation view from which user will navigate to other panels or detail views. (Detail views are not required for this contest)
Ability to programmatically loops ��through all rows and inspect each cell��s data to find a specific cell or change data of a specific cell.

Events:

A user touch event on a cell/icon should result in the following behavior:

Cell icon will change to indicate a touch activity on the cell like a pushed button
Ability to access that cell��s data and position in the grid and have methods to access any row or cell within the grid in the program.
Grid need to respond with slide panel to display additional content (image, text and additional cell icons in a small layout).��
- Touch on any other cell will close the currently open panel and open a new split panel for the cell that had touch event. Visual design images are provided to demonstrate how this sliding panel will work.

Technologies & Display: