Welcome to the weekly status update.

Multi-touch Events

Within qx.Mobile multi-touch coordinates are provided by the event qx.event.type.Touch and its method getAllTouches().

We enhanced the “Events” page of the mobile showcase to display those multi-touch events. So if your device allows for multi-touch, hit the area with multiple fingers. With a single finger you can drag the orange HTML5 symbol around. For devices that support the “zoom”, “pinch” and “rotate” gestures natively (i.e. iOS devices like iPhone or iPad), try to modify the orange symbol.

requestAnimationFrame

The W3C specification draft called ‘Timing control for script-based animations’ contains interesting features. You might already know this by the name of its main method requestAnimationFrame. This API can be used to do script-based animations, which is – even with CSS3 animations – still a relevant topic. Just try to animate the scroll position of a element.

So we checked out the API and added some cross-browser wrapper called qx.bom.AnimationFrame. This class offers a consistent API for all browsers, either using the native prefixed method, or emulates the behavior with timeouts. Feel free to do some experiments like animating properties or anything else e.g. in the playground.

Scroll animation

Based on the requestAnimationFrame work, we added the possibility to animate the scrolling of widgets. We managed to do that without adding another special API. Just appending the duration of the animation enables the animation. Take a look at the playground sample to see it in action.

Bugfixes

For a complete list of tasks accomplished during the last working week, use this bugzilla query.

That’s it for now. Enjoy a nice and sunny weekend.