"RadListView" for NativeScriptは、 アイテムのリストが使用されるシナリオに関連する最も一般的な機能を提供する仮想化リストコンポーネントです。 これらの機能はすべて1つのコントロールに組み込まれており、開発者の時間を節約し、より良いエクスペリエンスを提供するという考えに基づいています。 コントロールの主な機能は次のとおりです。
図1:動作中のRadListView
"RadListView"は、モバイルアプリで一般的に使用される3つの異なるアイテムレイアウト戦略をサポートしています。
すべてのレイアウトは仮想化され、モバイル環境向けに最適化されています。
図2:RadListViewレイアウト
RadListViewは、アイテムの選択を有効にして選択の変更を追跡できるAPIを公開しています。 単一選択と複数選択のどちらかを選択できるだけでなく、選択イベントを追跡することもできます。 選択の詳細については、こちらをご覧ください:ListView:アイテムの選択
RadListViewは、リストに追加またはリストから削除されたアイテムのアニメーションをサポートしています。 あなたの便宜のために利用可能ないくつかの事前定義されたアニメーションがあります。 アイテムアニメーションの詳細については、対応する記事をご覧ください。ListView:アイテムアニメーション
ロードオンデマンドは、RadListViewのスクロール位置に応じて、ソースからのアイテムが随時追加ロードされる動作です。 この機能は、エンドユーザーからの要求に応じて、データがサービスからダウンロードされ、部分的に視覚化される状況で特に役立ちます。 リストを下にスクロールすると、新しいアイテムが継続的に追加表示されるモバイルアプリストア内のリストを想像してください。 ロードオンデマンドの詳細については、こちらをご覧ください:ListView:アイテムロードオンデマンド
プルトゥリフレッシュを使用すると、エンドユーザーは、最後に到達したらリストをプルする(引っ張る)ことにより、より多くのデータを要求できます。 デフォルトでは、進行状況インジケーターが表示され、新しいデータリクエストを作成するために使用できるイベントが発生します。 プルトゥリフレッシュの詳細については、こちらをご覧ください:ListView:プルトゥリフレッシュ
スワイプアクションは、エンドユーザーがアイテムを右または左にスワイプしたときに、RadListViewアイテムに対して任意のアクションを実行できる人気のあるUXパターンです。 たとえば、人気のあるメールクライアントモバイルアプリケーションはこのパターンを実装しており、ユーザーはメッセージに既読のマークを付けたり、メッセージを削除したりできます。 スワイプアクションの方法について詳しくは、こちらをご覧ください:ListView:スワイプアクション
RadLRadListViewは、アイテムを押したままドラッグすることによるアイテムの並べ替えをサポートしています。 デフォルトでは、並べ替えアクションについて通知するイベントが発生するため、ソースコレクションも変更できます。 この機能の詳細については、こちらをご覧ください:ListView:アイテムの並べ替え
RadListViewは、コアNativeScriptモジュールコレクションのコアObservableArrayモジュール部分をサポートしています。 ObservableArrayインスタンスをRadListViewのソースとして使用すると、ソースコレクションの変更がコントロールによって自動的に処理されます。