[TIMOB-1277] Touchmove not tracking properly

Description

   e.source.center = {x:e.x,y:e.y};

Comments

1. Tony Masciola 2011-04-15

   Sorry, formatting problem on the code:

      //Box is a box to be dragged (I've tested with an imageview and label with same result) 
      box.addEventListener("touchmove", function(e){
         e.source.center = {x:e.x,y:e.y};
      });
      

2. daniyal 2011-04-15

   Encountering the same issue with touchmove event on a View object.

3. Stephen Tramer 2011-04-15

   Still valid; can be seen in KS->Base UI->Animations when you try and drag the circle.

4. Jeff Haynie 2011-04-28 this was assigned to me but should go to someone else
5. Giuseppe Mastrangelo 2011-09-24 I have the same problem with Android and solved it. Modify the file android/titanium/src/org/appcelerator/titanium/view/TiUIView.java change the function dictFromEvent with this one:

           
              private KrollDict dictFromEvent(MotionEvent e)
              {
                      KrollDict data = new KrollDict();
                      /* original...
                      data.put(TiC.EVENT_PROPERTY_X, (double)e.getX());
                      data.put(TiC.EVENT_PROPERTY_Y, (double)e.getY());
                      */
                      data.put(TiC.EVENT_PROPERTY_X, (double)e.getRawX());
                      data.put(TiC.EVENT_PROPERTY_Y, (double)e.getRawY());
                      data.put(TiC.EVENT_PROPERTY_SOURCE, proxy);
                      return data;
              }
      

   Now you can execute a simple test app:

      // Just past me into into a blank app.js file and run
      window = Titanium.UI.createWindow({
          backgroundColor:'#47a',
          exitOnClose: true
      });
      
      var image = Titanium.UI.createView({
         backgroundColor:'#f00',
         borderRadius:50,
         height:100,
         width:100,
         left:100,
         top:100
      });
      
      var debugLabel = Titanium.UI.createLabel({
      	left:0,
      	top:0,
      	color:'#fff',
      	text:''
      });
      window.add(debugLabel);
       
      //make the image dragable
      image.addEventListener('touchstart', function (e) {
      	debugLabel.text = "TOUCHSTART "+JSON.stringify(e);
      });
      image.addEventListener('touchmove', function (e) {
      	debugLabel.text = JSON.stringify(e);
      	image.center = {
      		x:e.x,
      		y:e.y
      	};
      });
      
      image.addEventListener('touchend', function (e) {
      	debugLabel.text = "TOUCHEND "+JSON.stringify(e);
      }); 
      
      window.add(image);
      window.open({fullscreen:true});
      

6. CK Ng 2012-03-14 Based on the tests on a lot of drag and drop codes, this problem arises for me when a layout property is defined in the parent view. The touchmove coordinates works fine when the parent view's layout is not defined. When there is a 'horizontal' or 'vertical' layout, the touchmove corrdinates are 'jumping' around. The same problem persists when using convertPointToView as well.
7. Vishal Duggal 2012-06-22 convert to window co-ordinates

      image.addEventListener('touchmove', function (e) {
          debugLabel.text = "TOUCHMOVE "+JSON.stringify(e);
          var p = {x:e.x,y:e.y};
          var convertPoint = image.convertPointToView(p,window);
          image.center = convertPoint;
      });
      

JSON Source