ユーザーインターフェイス / コンポーネント / RadListView / 概要

RadListViewの概要

"RadListView" for NativeScriptは、 アイテムのリストが使用されるシナリオに関連する最も一般的な機能を提供する仮想化リストコンポーネントです。 これらの機能はすべて1つのコントロールに組み込まれており、開発者の時間を節約し、より良いエクスペリエンスを提供するという考えに基づいています。 コントロールの主な機能は次のとおりです。

図1:動作中のRadListView

RadListView:概要 RadListView:概要

特徴

異なるレイアウト

"RadListView"は、モバイルアプリで一般的に使用される3つの異なるアイテムレイアウト戦略をサポートしています。

すべてのレイアウトは仮想化され、モバイル環境向けに最適化されています。

図2:RadListViewレイアウト

RadListView:概要

選択

RadListViewは、アイテムの選択を有効にして選択の変更を追跡できるAPIを公開しています。 単一選択と複数選択のどちらかを選択できるだけでなく、選択イベントを追跡することもできます。 選択の詳細については、こちらをご覧ください:ListView:アイテムの選択

アイテムアニメーション

RadListViewは、リストに追加またはリストから削除されたアイテムのアニメーションをサポートしています。 あなたの便宜のために利用可能ないくつかの事前定義されたアニメーションがあります。 アイテムアニメーションの詳細については、対応する記事をご覧ください。ListView:アイテムアニメーション

要求時読み込み

ロードオンデマンドは、RadListViewのスクロール位置に応じて、ソースからのアイテムが随時追加ロードされる動作です。 この機能は、エンドユーザーからの要求に応じて、データがサービスからダウンロードされ、部分的に視覚化される状況で特に役立ちます。 リストを下にスクロールすると、新しいアイテムが継続的に追加表示されるモバイルアプリストア内のリストを想像してください。 ロードオンデマンドの詳細については、こちらをご覧ください:ListView:アイテムロードオンデマンド

表示のリフレッシュ

プルトゥリフレッシュを使用すると、エンドユーザーは、最後に到達したらリストをプルする(引っ張る)ことにより、より多くのデータを要求できます。 デフォルトでは、進行状況インジケーターが表示され、新しいデータリクエストを作成するために使用できるイベントが発生します。 プルトゥリフレッシュの詳細については、こちらをご覧ください:ListView:プルトゥリフレッシュ

スワイプアクション

スワイプアクションは、エンドユーザーがアイテムを右または左にスワイプしたときに、RadListViewアイテムに対して任意のアクションを実行できる人気のあるUXパターンです。 たとえば、人気のあるメールクライアントモバイルアプリケーションはこのパターンを実装しており、ユーザーはメッセージに既読のマークを付けたり、メッセージを削除したりできます。 スワイプアクションの方法について詳しくは、こちらをご覧ください:ListView:スワイプアクション

アイテムの並べ替え

RadLRadListViewは、アイテムを押したままドラッグすることによるアイテムの並べ替えをサポートしています。 デフォルトでは、並べ替えアクションについて通知するイベントが発生するため、ソースコレクションも変更できます。 この機能の詳細については、こちらをご覧ください:ListView:アイテムの並べ替え

Observable Arrayのサポート

RadListViewは、コアNativeScriptモジュールコレクションのコアObservableArrayモジュール部分をサポートしています。 ObservableArrayインスタンスをRadListViewのソースとして使用すると、ソースコレクションの変更がコントロールによって自動的に処理されます。

入門

コアコンセプト

ユーザーインターフェース

ツール

ハードウェアアクセス

プラグインの開発

リリース

アプリテンプレート

パフォーマンスの最適化

フレームワークモジュール

ガイド

サポートを受ける

トラブルシューティング

Siedkick