NativeScript 中的动画中继器项目高度答案

【问题标题】：Animating Repeater Item Height In NativeScriptNativeScript 中的动画中继器项目高度
【发布时间】：2016-03-24 14:24:48
【问题描述】：

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

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

这是我目前所获得的动画代码：

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);
    });
}

【问题讨论】：

标签： nativescript

【解决方案1】：

您是否能够同时使用多视图动画为中继器视图本身设置动画？

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

【讨论】：

是的，但问题是您不知道中继器中的哪个项目将被删除。此外，如果您有位于中继器结构之外的项目也需要向上移动，则需要选择整个父级来执行此操作。它变得非常恶心非常快。 NativeScript 也没有提供一个选择器，上面写着“让我得到这个项目之后的所有兄弟姐妹”。

【解决方案2】：

如何拉下中继器并将其替换为默认添加的新（免费）RadListView，非常流畅

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

【讨论】：

这是一个很好的解决方案。如果我找不到股票列表视图的一个，我可以选择那个选项。仍然在这里寻找技术答案...... :)