Tutorials
12th April 2011. 22:02
Tag Archives: x10
Recently Sony Ericsson rolled out an update to the Android™ 2.1 operating system in its Xperia™ X10 phones. One of the important new features in the update is support for a multi-touch gesture called pinch-to-zoom. The first part of this two-part tutorial showed how to take advantage of the pinch-to-zoom feature in your apps. In this second part of the tutorial, you’ll examine a code example that uses the pinch-to-zoom feature.
(more…)
Recently Sony Ericsson rolled out an update to the Android™2.1 operating system in its Xperia™ X10 phones. One of the important new features in the update is support for a multi-touch gesture called pinch-to-zoom. In this first part of a two-part tutorial, you will learn how to take advantage of the pinch-to-zoom feature in your apps. In the second part of the tutorial, you’ll examine a code example that uses the pinch-to-zoom feature.
(more…)
As the roll-out of the Android 2.1 update continues for Xperia™ X10, X10 mini and X10 mini pro users, one of the key features introduced with the update is HD video recording in 720p. Johan Abramsson, Developer Support Engineer at Sony Ericsson, has written a quick tutorial on how you can make use of HD video recording from third party applications.
Read Johan’s tutorial here.
We are excited to introduce a new release of the WebSDK Packager tool, which now provides support for the Mac OS® X platform. WebSDK Packager version 1.2.1 is an all-in-one tool for building, simulating and packaging an application’s web components into a single native shell. The updated WebSDK Packager tool can be used across Windows or Mac OS platforms for development and deployment of web applications on Android™ and Symbian™ devices. WebSDK Packager also provides developers with exciting sample applications that can run on all Sony Ericsson Android and Symbian phones, including the Xperia™ X10 and Xperia X10 mini pro.
Based on PhoneGap’s open source framework, WebSDK Packager is a great tool for someone who has great expertise with HTML CSS and JavaScript and is adept at creating web applications, but is not familiar with the complexities of the mobile environment. WebSDK Packager allows Android™ developers to create mobile web applications by packaging their web components inside a native shell for Android. For Symbian developers, WebSDK Packager uses the PhoneGap API with web runtime (WRT) widgets. This truly enables developers to write code once and deploy on multiple platforms. With support of this tool on Windows and Mac OS platforms, developers can use the tool on their preferred platform.
For those not familiar with PhoneGap, it is an open source development framework for building cross-platform mobile apps that run on different mobile platforms including Android, Symbian, iPhone®, iPad®, Palm® and BlackBerry®. The PhoneGap open source code has been downloaded more than 250,000 times and there are thousands of PhoneGap-based apps in various platform stores. We also welcome the recent announcement by Symbian to integrate PhoneGap library in their web extensions package.
Sony Ericsson supports cross-platform web development and sees this as an important enabler for developers to create exciting new services across web and mobile. Sony Ericsson announced support for PhoneGap framework in 2009 and our WebSDK Packager as part of a broader approach to simplifying the application and services development on mobile devices for developers.
Additionally, we will begin referring to Sony Ericsson’s WebSDK as a “Packager”, which aligns with the true functionality of the product – a complete tool for developers to build, simulate and package their application’s web components into a single native shell.
The greatly anticipated Sony Ericsson Xperia™ X10 is now available to U.S. customers, as you might have seen in the announcement from AT&T and Sony Ericsson. This surely is welcome news if you’re in the U.S. and keen to get your hands on the Xperia™ X10. What’s especially interesting with AT&T’s offer is the price – $149.99 on a two contract and minimum data plan. Sounds like a fair deal, right?
For developers, Sony Ericsson has put together an add-on for the Android™ SDK, including the splash screen, backgrounds, an Xperia™ X10 skin and some other stuff. Find out more on the Developer World web site.
Welcome to the fourth and final part of the Android tutorial on how to make your own zoom control like the one used in Sony Ericsson X10 Mini in the Camera and Album applications. Click here to go to the prevoius part of this tutorial. As usual the source code is included, see below. Don’t forgett to download ‘Sony Ericsson Tutorials’ from Android market to see demos of this and other tutorials in action.
[Download] One Finger Zoom sample project – Part 4 (220kb)
In this part we’ll focus on introducing dynamic behavior to our zoom such as fling and bounce by animating the zoom state. Dynamic behavior adds a lot in terms of looks, feedback and usability.
Dynamics
To implement dynamic behavior we’re going to subclass the Dynamics class introduced in the final part of the list tutorial. Make sure to read through that tutorial if you want to know more about the Dynamics base class.
The Dynamics class is useful for applying dynamic behavior to a value, the class itself holds a position and a velocity and functionality for setting min and max positions. When subclassing Dynamics we must implement the onUpdate(int) method that is responsible for updating the state. This gives us control over the dynamic behavior and in our Dynamics sub-class we’ll implement basic friction and spring physics to handle fling and edge bounce. If you want to know more about spring physics then this is a nice place to start.
As many of you probably saw yesterday Sony Ericsson announced a new product in the Xperia™ product line called X8. X8 brings together features from both X10 and X10 mini and will retail for under €200 in most markets. The X8 comes with a HVGA screen and a 3.2 mega pixel camera. Below is a short video showing what the X8 looks like.
More info on X8 and the Q3 update to Android 2.1 for X10 and X10 mini/pro can be found on our sister blog, the Sony Ericsson Product Blog
Welcome to the third part of the Android tutorial on how to make your own zoom control like the one used in Sony Ericsson X10 Mini in the Camera and Album applications. Click here to read the second part of the tutorial.
Don’t forget to go to Android Market and download Sony Ericsson Tutorials, the app that collects all sample apps in this and other Sony Ericsson tutorials. Get the QR-code for the app here. Below is a link to the source code of part 3, prepared for you to set up your own project in e.g. Eclipse.
[Download] One Finger Zoom sample project – Part 3 (215kb)
This tutorial part will focus on introducing a new way of interacting with the zoom, a new input paradigm as our designers would say. In the previous tutorial we laid the ground for exactly this when we created a new class for controlling the zoom state. Separating the state control from the input control handled by an OnTouchListener implementation.
Welcome to the second part of the Android tutorial on how to make your own zoom control like the one used in Sony Ericsson X10 Mini in the Camera and Album applications. Click here to read the first part of the tutorial.
Don’t forget to go to Android Market and download Sony Ericsson Tutorials, the app that collects all sample apps in this and other Sony Ericsson tutorials.
In this part of the tutorial we will build on the zoom application we started in part 1. As you might remember, in part 1 we finished with a zoom application that didn’t have any limits, we could zoom and pan into the void and back. In this tutorial we will introduce limits and we will also make sure that the pan always follows the finger as one would expect, as we in part 1 could see panning following the finger differently depending on the current zoom level. Below is a link to the source code for step 2 and the video showing what you will learn in the one finger zoom tutorial series.
[Download] One Finger Zoom sample project – Part 2 (218kb)
The aspect quotient
Remember this picture from part 1?
Images illustrating how the zoom state works, the dashed gray area represents what is shown in the view and the patterned area represents the content. On the left: Zoom is 1, pan-x and pan-y are both 0.5, in this state the image fits the screen perfectly. In the middle: Zoom is 2, pan-x and pan-y are still both 0.5, less content is now shown on the screen but will be scaled up. To the right: Zoom is 3, pan-x is 0.7 and pan-y is 0.833, we now see less of the image, only the top right corner, scaled up.
Welcome to this first Android tutorial on how to make your own one finger zoom control like the one found in the Camera and Album applications in the Sony Ericsson X10 Mini. The Tutorial is divided into four parts, each part adding new features. Below is a link to download the source code for part 1 of the tutorial, prepared for you to set up your own project in e.g. Eclipse.
[Download] One Finger Zoom sample project (211kb)
Don’t miss to download the Sony Ericsson Tutorials app on Android Market where all applications in this and other Sony Ericsson tutorials are available. With the SonyEricsson tutorials app you can easily try out the different parts of the tutorial and see what the end result will be.
Below is a video showing what you will be able to do after seeing all steps of the tutorial. There following parts of the turoital will be added over the next few weeks.
12
