シャドウ
進捗バーは、アプリの読み込み、フォームの送信、更新の保存など、進行中のプロセスの状態をユーザーに知らせます。進捗バーには、確定型と不確定型の2種類があります。
確定型はデフォルトの種類です。操作の割合がわかっている場合に使用してください。進捗はvalueプロパティを設定することで表されます。これを使用して、トラックの0％から100％まで増加する進捗を表示できます。
bufferプロパティが設定されている場合、アクティビティを示すアニメーション付きの円が表示されます。bufferプロパティの値は、表示されているトラックの量によっても表されます。bufferの値がvalueプロパティより小さい場合、表示されるトラックはありません。bufferが1の場合、バッファーストリームは非表示になります。
不確定型は、プロセスの所要時間がわからない場合に使用します。進捗バーはvalueに関連付けられていません。代わりに、プロセスが完了するまでトラックに沿って継続的にスライドします。
| 説明 | bufferとvalueが1より小さい場合、バッファーの円が表示されます。bufferは[0, 1]の範囲内である必要があります。 |
| 属性 | buffer |
| 型 | number |
| デフォルト | 1 |
| 説明 | アプリケーションの色パレットから使用する色。デフォルトのオプションは、"primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium"、"dark"です。色の詳細については、テーマ設定を参照してください。 |
| 属性 | color |
| 型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| デフォルト | undefined |
| 説明 | modeは、使用するプラットフォームスタイルを決定します。 |
| 属性 | mode |
| 型 | "ios" ｜ "md" |
| デフォルト | undefined |
| 説明 | trueの場合、進捗バーの方向を反転します。 |
| 属性 | reversed |
| 型 | boolean |
| デフォルト | false |
| 説明 | プロセスの所要時間がわかっているかどうかに基づいて、進捗バーの状態を決定します。デフォルトのオプションは、"determinate"（アニメーションなし）、"indeterminate"（左から右にアニメーション）です。 |
| 属性 | type |
| 型 | "determinate" ｜ "indeterminate" |
| デフォルト | 'determinate' |
| 説明 | typeが"determinate"の場合、valueはアクティブバーの表示量を決定します。valueは[0, 1]の範囲内である必要があります。 |
| 属性 | value |
| 型 | number |
| デフォルト | 0 |
このコンポーネントではイベントは使用できません。
このコンポーネントでは公開メソッドは使用できません。
| 名前 | 説明 |
|---|
progress | typeが"determinate"の場合に現在の値を示す進捗バーであり、typeが"indeterminate"の場合に前後にスライドします。 |
stream | バッファリング中に表示されるアニメーション付きの円。これは、bufferが設定されていて、typeが"determinate"の場合にのみ表示されます。 |
track | 進捗バーの後ろにあるトラックバー。bufferプロパティが設定されていて、typeが"determinate"の場合、トラックはbuffer値の幅になります。 |
| 名前 | 説明 |
|---|
--background | 進捗トラックの背景、またはbufferが設定されている場合のバッファバーの背景 |
--progress-background | 現在の値を表す進捗バーの背景 |
| 名前 | 説明 |
|---|
--background | 進捗トラックの背景、またはbufferが設定されている場合のバッファバーの背景 |
--progress-background | 現在の値を表す進捗バーの背景 |
このコンポーネントではスロットは使用できません。