Titanium中支持IOS设备的拖拽

官方QA论坛中有人问及拖拽功能:

QA:http://developer.appcelerator.com/question/128143/several-items-drag-and-drop-functionality-support-for-ios

解决方案: Solution posted here(需要FQ)

通过一个第三方库函数来支持在ios设备的拖放操作,进一步加强titanium的功能。

TiDrop是一个opensource的库函数,可以从 这里下载。

Example
Ti.include("TiDrop.js");

var tabGroup = Ti.UI.createTabGroup();

var window = Ti.UI.createWindow({  
    title: "Drag + Drop",
    backgroundColor: "#FFF"
});

var tab = Ti.UI.createTab({  
    title: "Drag + Drop",
    window: window
});

var box1 = Ti.UI.createView({
    width: 100,
    height: 100,
    top: 10,
    left: 10,
    backgroundColor: "#7A0000"
});

var box2 = Ti.UI.createView({
    width: 100,
    height: 100,
    top: 10,
    left: 120,
    backgroundColor: "#007A00"
});

var container1 = Ti.UI.createView({
    width: 300,
    height: 120,
    top: 237,
    left: 10,
    backgroundColor: "#CCC",
    items: 0
});

function yay(e) {
    if(e.contained) {
        e.source.top = 247;
        e.source.left = 20;
    }
}

TiDrop.init(box1, container1, yay);
TiDrop.init(box2, container1, yay);

window.add(container1);
window.add(box1);
window.add(box2);

tabGroup.addTab(tab);  
tabGroup.open();


你可能感兴趣的:(mobile,Titanium,drop,appcelerator)