Как перекосить View в сплаве appcelerator (Titanium)

Я хотел бы что-то вроде этого, но не могу найти ни одного примера, который использует перекос в титане.

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


person Sanzio Tiago    schedule 06.05.2016    source источник


Ответы (1)


В настоящее время это возможно только на iOS из-за наличия 3DMatrix.

Попробуйте это

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 ->папка с библиотекой
  • Теперь попробуйте перетащить курсор или щелкнуть в любом месте вида, и вы увидите анимацию наклона во всех направлениях, когда ваш курсор перетаскивает вид.
  • Итак, чтобы полностью воспроизвести ваш вопрос, все, что вам нужно, это просто указать параметры выбора и установить углы в соответствии с этим.
person Prashant Saini    schedule 07.05.2016
comment
На самом деле я хочу, чтобы представление выглядело так как в Android, так и в iOS: i.stack.imgur.com /LWZ14.png Наклонить на 20º по горизонтали - person Sanzio Tiago; 20.05.2016