UniversalCircularProgressIndicator constructor
A Material Design circular progress indicator, which spins to indicate that the application is busy.
A widget that shows progress along a circle. There are two kinds of circular progress indicators:
- Determinate. Determinate progress indicators have a specific value at
each point in time, and the value should increase monotonically from 0.0
to 1.0, at which time the indicator is complete. To create a determinate
progress indicator, use a non-null
valuebetween 0.0 and 1.0. - Indeterminate. Indeterminate progress indicators do not have a specific
value at each point in time and instead indicate that progress is being
made without indicating how much progress remains. To create an
indeterminate progress indicator, use a null
value.
The indicator arc is displayed with valueColor, an animated value. To
specify a constant color use: AlwaysStoppedAnimation<Color>(color).
{@tool dartpad}
This example showcases determinate and indeterminate CircularProgressIndicators.
The CircularProgressIndicators will use the
** See code in examples/api/lib/material/progress_indicator/circular_progress_indicator.0.dart ** {@end-tool}
{@tool dartpad} This sample shows the creation of a CircularProgressIndicator with a changing value. When toggling the switch, CircularProgressIndicator uses a determinate value. As described in: https://m3.material.io/components/progress-indicators/overview
** See code in examples/api/lib/material/progress_indicator/circular_progress_indicator.1.dart ** {@end-tool}
See also:
- LinearProgressIndicator, which displays progress along a line.
- RefreshIndicator, which automatically displays a CircularProgressIndicator when the underlying vertical scrollable is overscrolled.
- material.io/design/components/progress-indicators.html#circular-progress-indicators
アプリケーションがビジー状態であることを示すために回転するMaterial Designの円形プログレスインジケーターです。
円に沿って進行状況を表示するウィジェットです。円形プログレスインジケーターには2つの種類があります:
- 確定的。確定的プログレスインジケーターは各時点で特定の値を持ち、
値は0.0から1.0まで単調に増加し、その時点でインジケーターが完了します。
確定的プログレスインジケーターを作成するには、0.0から1.0の間の非null
valueを使用します。 - 不確定的。不確定的プログレスインジケーターは各時点で特定の値を持たず、
代わりに残りの進行状況を示すことなく進行中であることを示します。
不確定的プログレスインジケーターを作成するには、null
valueを使用します。
インジケーターの弧は、アニメーション値であるvalueColorで表示されます。
定数色を指定するには:AlwaysStoppedAnimation<Color>(color)を使用します。
参照:
- LinearProgressIndicator:線に沿って進行状況を表示します。
- RefreshIndicator:基盤となる垂直スクロール可能領域がオーバースクロールされたときに CircularProgressIndicatorを自動的に表示します。
- material.io/design/components/progress-indicators.html#circular-progress-indicators
Implementation
const UniversalCircularProgressIndicator({
super.key,
super.value,
super.backgroundColor,
super.color,
super.valueColor,
super.strokeWidth,
super.strokeAlign,
super.semanticsLabel,
super.semanticsValue,
super.strokeCap,
super.constraints,
super.trackGap,
super.padding,
});