O'Reilly logo

Appcelerator Titanium Smartphone App Development Cookbook - Second Edition by Jason Kneen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Dragging an ImageView using touch events

Now that we have allowed the user to select a funny face image from our four animated ImageView controls, we need to allow them to adjust the position of their own photo so it fits within the transparent hole that makes up the face portion of our funny face. We will do this using the touch events available to us in the ImageView control.

How to do it…

The simplest way to perform this task is by capturing the x and y touch points and moving the ImageView to that location. The code for this is simple; just add the following code after your declaration of the imageViewFace control, but before you add this control to your window:

imageViewFace.addEventListener('touchmove', function(e){ imageViewMe.left = e.x; ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required