Newly Released Sencha Touch 2.2 Optimized for BlackBerry 10!

Web Development

In the last release of Sencha Touch 2.1.1, we were happy and excited to see the BlackBerry 10 theme added. This enabled developers to create visually compelling applications with the BlackBerry 10 native look and feel. Now with the release of Sencha Touch 2.2, we are delighted to announce significant enhancements so that you can develop applications for BlackBerry 10 without worrying about performance. The Webkit rendering optimization from the BlackBerry 10 Web platform combined with performance improvements in Sencha Touch optimization result in a great opportunity for developers who are building for the application for the first time and for those who are looking to port a Sencha Touch app to BlackBerry 10. Let’s take a look at some of the UI components which are optimized on this release.

List Component

The list is an essential UI component for almost all applications and Sencha Touch provides a list component that is ideal for presenting an index-style list of items. With the release of Sencha Touch 2.2, the scrolling of the list component has been greatly optimized and improved. The scrolling performance of the list averages about 35-40 frames per seconds on the BlackBerry 10 web platform. Here is a short video demonstrating the scrolling performance of a list with 60 items, with each item containing texts and images.

Tab Panels

Tab Panels are a great way to allow the user to switch between several pages. The touch responsiveness has been tuned specifically for the BlackBerry 10 platform and the transition between screens has been optimized as well. Here is a short video of the tab panels in action.

Navigation View

Navigation View is a great way to switch views within an application, which provides a stack of UI containers that you can push in and pop off. In Sencha Touch 2.2, additional work was done to make these perform even better in the BlackBerry 10 environment. Users can switch views of an application and move between screens without any delays. The transitions between views and screens are smooth and provide a great user experience. Here is the video clip of an application which uses the navigation view.

 

If you are new to Sencha Touch, it is an impressive JavaScript® framework based entirely on HTML5, CSS and JavaScript. It’s designed to bring an incredibly powerful set of components together to create rich mobile applications. Today’s Sencha Touch release not only brings support for BlackBerry 10, but continues Sencha’s support for the BlackBerry® PlayBook™ tablet. To get started, developers should download the framework and then check out the Sencha Touch Learning Center, where they will find code samples, videos, and tutorials. To get an idea of what is possible using the framework, there are a variety of demo applications showcasing the breadth and power of the platform.

If you have a Sencha Touch application already and are looking to bring it over to BlackBerry 10, you’re in for a treat – you can bring your Sencha Touch application to BlackBerry 10 in just a few steps. Here is the complete porting guide and a developer video, which shows you step by step instructions to bring your Sencha Touch application to BlackBerry 10.

If you have an application which was created using Sencha Touch 2.0 or Sencha Touch 2.1, upgrading to Sencha Touch 2.2 is as easy as changing the CSS and Java Script references. This way you can leverage and take advantage of the performance optimization that this release provides. For more information on updates and changes that might impact your upgrade, see the What’s New guide.

About Naveen

Naveenan is an Application Development Consultant with the HTML 5/BlackBerry WebWorks team in Developer Relations at BlackBerry. As a member of the Developer Relations Team, Naveenan manages the technical relationship with enterprise partners. Naveenan's development background consists of a degree in Computer Science and work experience in mobile gaming industry.

Join the conversation

Show comments Hide comments
+ -
blog comments powered by Disqus