在NativeScript中设置动画转发器项目高度

时间:2016-03-24 14:24:48

标签: nativescript

我试图通过简单地折叠它来从NativeScript中的Repeater中删除一个项目。我可以很好地缩放项目的高度,但是空间被保留,以便在删除项目后Repeater跳起来。我希望Repeater中的剩余项目随着正在删除的项目折叠而向上移动。

这是我现在的行为。请注意,在被删除的项目完成动画制作之前,其余项目不会移动。

enter image description here

以下是我到目前为止动画代码的内容:

let remove = (args: EventData) => {
    let view = <View>args.object;
    let item = view.parent.parent;

    let todo = view.bindingContext;

    item.originY = 0;

    item.animate({
        scale: { x: 1, y: 0 },
        curve: "easeIn",
        duration: 500
    })
    .then(() => {
        item.visibility = 'collapsed';
        viewModel.remove(todo);
    });
}

2 个答案:

答案 0 :(得分:0)

您是否可以使用多视图动画同时为转发器视图设置动画?

http://docs.nativescript.org/ApiReference/ui/animation/HOW-TO#animating-multiple-views-simultaneously

答案 1 :(得分:0)

如何将转发器拉出来并将其替换为新的(免费)RadListView,默认情况下已添加,非常流畅

http://docs.telerik.com/devtools/nativescript-ui/Controls/ListView/item-animations