Let's look at the Stock App that comes along with Sencha Touch SDK and see how these classes have been used to achieve the desired behavior. When you download and extract the Sencha Touch SDK, you will find the source code in the
To show the CandleStick/OHLC chart
To show the preview with a range mask to allow the user to resize the preview area
There is a certain event handling mechanism put in place to sync the
CandleStick chart with the preview area that is visible to the user by dragging the handlers on the
RangeMask. We will limit our focus on how the
CandleStick chart and the
RangeMask custom sprites are implemented.
In the preceding diagram...