Progress Dots
Progress Dots
レスポンシブ対応コンポーネントのAlexaプログレスドット（AlexaProgressDots）は、アクションが進行中であることを示すアニメーションドットを表示します。
alexa-layoutsパッケージを読み込む
AlexaProgressDotsを使用するには、alexa-layoutsパッケージを読み込みます。
alexa-layoutsパッケージの最新バージョンは1.4.0です。AlexaProgressDotsはバージョン1.2.0で導入されました。
AlexaProgressDotsパラメーター
type以外のパラメーターはすべてオプションです。
| 名前 | 型 | デフォルト | 説明 | 追加または更新されたバージョン |
|---|---|---|---|---|
|
|
文字列 |
accessibilityLabel |
スクリーンリーダーを使用するユーザーに、進行状況について説明するアクセシビリティラベルです。 |
1.2.0 |
|
|
文字列 |
AlexaProgressDots |
このコンポーネントの一意のIDです。同じドキュメント内の |
1.2.0 |
|
|
32dp |
進行状況ドットの大きさです。 |
1.2.0 |
|
|
|
配列 |
[] |
このコンポーネントにバインドするentityデータの配列です。 |
1.2.0 |
|
|
文字列 |
dark |
色のテーマをダークまたはライトに設定します。テーマを選択することでコンポーネントの色を制御します。 |
1.2.0 |
AlexaProgressDotsの例
{
"type": "AlexaProgressDots",
"dotSize": "72dp",
"componentId": "largeDotsId",
"spacing": "@spacingMedium"
}
次の例は、進行状況ドットをさまざまな大きさで表示するドキュメントの全体を示します。
このアニメーションを表示するには、JSONのサンプルをオーサリングツールにコピーして貼り付けます。
