2 つのリスト ビューを持つページを持つアプリを設計しています。それらを「MainListView」と「SecondaryListView」と呼びましょう。2 つのリスト ビューは並べて配置されます ("MainListView" が左側、"SecondaryListView" が右側)。これら 2 つのリストのデータは、Web API からの親子データです。
シナリオ 1:
流れは以下のようなものです。
- ページが初期化されると、最初の親データが「SecondaryListView」(レベル 1 データ) に存在します。
2.ユーザーが「SecondaryListView」内の 1 つのアイテムをクリックします。クリックされたデータは「MainListView」に移動され、「SecondaryListView」は選択された項目の子によって更新されるようになりました。
- このシーケンスは、最後の子に到達するまで続きます。
シナリオ 2:
ユーザーが 5 レベルになったとします。1 番目、2 番目、3 番目、4 番目、5 番目のレベルで選択されたデータは "MainListView" にあり、"SecondaryListView" には 5 番目に選択されたデータの子があります。
ユーザーは、「MainListView」で第 2 レベルの選択データを選択するようになりました。
第 3、第 4、第 5 レベルのデータは「MainListView」から削除され、「SecondaryListView」は第 2 レベルの子で埋められます。
私の要件は、アニメーションを追加する必要があるということです。必要なアニメーションは次のとおりです。
シナリオ 1 では、ユーザーが「SecondaryListView」から 1 つの項目を選択すると、その項目が「MainListView」に向かってスライドし、リストの下部に追加されます。現在、それはちょうど追加されています。スライドアニメーションはありません。
シナリオ 2 で、ユーザーが「MainListView」から 1 つの項目を選択すると、削除される他の要素 (たとえば、3 番目、4 番目、5 番目) がリストを下にスライドして消えます。現在、スライドと削除のアニメーションは実現されていません。
私のリストは両方ともデータのバインディングを使用し、テンプレートを使用します。機能は、必要なアニメーションをむき出しにして完全に機能しています。現在、バインディング データを変更すると機能は動作しますが、アニメーションは機能しません。
どんな提案も役に立ちます。
- ギリヤ