How to create events for custom control?

Appcelerator Titanium: How can I create a custom picker control?

• See screenshot of custom picker here: I know there isn't a way to style the picker control in Titanium. This picker only needs to work on iOS (iPad only). I was thinking I could hack the TableView control to use instead of the picker to achieve the style desired. Is that reasonable? How would I snap the TableViewRows so one is always in the center like seen in typical picker controls?

• Answer:

  I would approach this by using:- a scrollableview to allow the scrolling up and down (or a tableview but scrollableview would be more lightweight) an overlay view that fixes position above the view that handles the selection lins in the middle in the same overlay as above OR a new one, have a gradient that goes from white in the middle to black/grey top and bottom - set opacity to light e.g. 0.3 or something and have this sitting on top add a snap to the scroll so when the row falls between the selector lines you snap the row to the lines. This could be done on the scroll event of the scrollable view. This *should* allow you tot scroll up and down, let go and have it snap to the selector, and the gradient should give the impression that the items are fading away. Wrap all this in a common JS module and it's nicely reusable. Hopefully that makes sense.