Как перевернуть снизу вид iOS с помощью appcelerator

Question

У меня есть приложение, которое отображает представление внутри другого представления с помощью appcelerator 5.1.2.

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

Я уже сделал прямо противоположное, чтобы заставить его исчезнуть до дна. Вот код:

function closeViewFromBottom(animationView) {
    var newtop = Ti.Platform.displayCaps.platformHeight + 20;
    animationView.animate({
        top:newtop,
        duration:1000,
        autoreverse: false
    }); 
};

Answer 1

Вы можете установить начальное верхнее значение platformHeight, а затем анимировать верхнее значение 0. Также установите высоту этого представления в platformHeight. Для iOS вы также можете установить для внешнего вида clipMode значение Titanium.UI.iOS.CLIP_MODE_ENABLED

Редактировать: полный пример

index.tss

"Window": {
    backgroundColor: "#fff"
}

"#view":{
    backgroundColor: "red",
    width:Ti.UI.FILL,
    height:Ti.UI.FILL,
}

index.xml

<Alloy>
    <Window >
        <View id="view"/>
        <Button id="btn" title="show view"/>
    </Window>    
</Alloy>

index.js

$.view.top = Ti.Platform.displayCaps.platformHeight;

function openViewFromBottom(animationView) {
    animationView.top = Ti.Platform.displayCaps.platformHeight;
    animationView.animate({
        top:0,
        duration:1000
    });
};

function onClickButton(e){
    openViewFromBottom($.view);
}
$.btn.addEventListener("click",onClickButton);
$.index.open();