我正在使用 Titanium Appcelerator 的模块来绘制线条。在线条中,您只需要 2 个带有坐标的对象即可绘制线条(起点和终点)。
我想用“touchmove”事件修改起点/终点对象,但是我对 JavaScript 还是很陌生,我只是想不出正确的方法。
var lines = require('com.lines'); //<< Import lines module
var attrib = {
color:'red',
touchEnable:true,
thickness:20
};
var from = {x:20,y:100}; //<< Start Point Object Coordinates
var to = {x:200,y:100}; //<< End POint Object Coordinates
var lineOne = lines.createLine(from, to, attrib); //<<Creates lineOne var with attributes
win.add(lineOne); //Draw the line.
使用 lineOne 变量移动整行没有问题,但是正如我所说,我找不到动态修改对象的方法。
谢谢!
更新 - 在 Josiah 的建议之后,我能够成功修改“to”变量,但是无论如何,该行都会用原始的“to”值重新绘制自己。我要么错误地使用了 setTo 方法,要么我需要其他东西来更新和重绘线条。
var attrib = {
color:'red',
touchEnable:true,
thickness:20
};
var from = {x:20,y:100}; //Insert touchMoveFunction <<-- Here!
var to = {x:200,y:100};
var lineOne = lines.createLine(from, to, attrib);
function drawline(e){
win.add(lineOne);
};
alert(to);
var lineOne = lines.createLine(from,to,attrib);
var buttonPosition = Ti.UI.createButton({
title:'CLick.Me!',
bottom:0
});
win.add(buttonPosition);
buttonPosition.addEventListener('click',function(e){
to = {x:200,y:300};
lineOne.setTo(to);
drawline();
alert(to);
});