進行状況インジケーター

進行状況インジケーターは、既知または不明な処理時間のステータスを伝えます。

デザイン要素はフレームの下部に固定する必要があります。

原則

明確なフィードバック: 進行状況インジケーターで即座にフィードバックを確認できます。

一貫性: すべての進行状況インジケーターは、すぐに認識できるように、共通のビジュアル言語を共有する必要があります。

柔軟性: さまざまな進行状況インジケーターとステータスにより、進行状況を柔軟に伝えることができます。

使い方と配置

進行状況インジケーターには、プロセスのステータスがリアルタイムで表示されます。

インジケーターは、タイマーのように、既知の処理時間で確定的な進行状況を表すことができます。

または、読み込みなど、処理時間が不明な不確定の進行状況。

読み込みなど、処理時間が不明な場合は、未確定の進行状況インジケーターを使用します。
処理時間が不明な場合は、確定インジケーターを使用します。これにより、ユーザーは進捗状況を誤って認識してしまいます。
十分な時間や進捗状況を伝えられる場合は、一度に 1 つの進行状況インジケーターを使用します。
進行状況インジケーターを過度に使用したり、伝えるのに十分な時間や進捗がない場合に使用したりする。

解剖学

進行状況の構造

1. 確定的な進行状況の停止 - 確定的なエンドポイントを表示します。
2. 現在の進行状況
3. 今後の進捗状況
4. 不確定処理
5. Linear
6. 円形

カスタマイズ

進行状況インジケーターには、確定と未確定のほかに、線形、円形、波形のバリエーションがあります。

進行状況の構造

1. Wavy
2. 線形

進行状況インジケーターの波状バリエーションと線形バリエーションは、すべて同じプロパティ、カスタマイズ オプション、デフォルトを共有します。次の表に、これらの詳細を示します。

線形

プロパティ カスタマイズ デフォルト
厚み はい 6 dp
インジケーターの色 はい プライマリ
トラックの色 はい アウトライン
サイズ はい 360 dp

円形

プロパティ カスタマイズ デフォルト
厚み はい 6 dp
インジケーターの色 はい プライマリ
トラックの色 はい アウトライン
サイズ はい 40 dp