如何在appcelerator合金(钛)中倾斜视图

Question

我想要这样的东西，找不到任何在钛中使用偏斜的例子。

http://www.w3schools.com/cssref/playit.asp?filename=playcss_transform_skew

Answer 1

由于3DMatrix的可用性，目前只能在iOS上使用。

试试这个

var ANIMATION = require('animation');
var window = Ti.UI.createWindow({
    title : "Tilt Animations",
    backgroundColor : 'white'
});
var view = Ti.UI.createView({
    backgroundColor : '#0bb',
    width : '70%',
    height : '50%'
});
var label = Ti.UI.createLabel({
    text : 'My Div',
    color : 'black',
    touchEnabled : false
});
if (OS_IOS) {
    view.addEventListener('touchend', touchend);
    view.addEventListener('touchcancel', touchend);
    view.addEventListener('touchstart', touchStartMove);
    view.addEventListener('touchmove', touchStartMove);
}
view.add(label);
window.add(view);
window.open();
function touchStartMove(e) {
    ANIMATION.touchStartOrMove(e, view);
}
function touchend(e) {
    ANIMATION.touchEnd(view);
}

• 在此处查找animation.js并将其放入Project->app->lib文件夹
• 现在尝试拖动光标或单击视图上的任何位置，当光标在视图上拖动时，您将看到所有方向的倾斜动画
• 因此，要完全复制你的问题，你所需要的只是提供选择选项并根据其设置角度