Progress Dots



Progress Dots

レスポンシブ対応コンポーネントのAlexaプログレスドット(AlexaProgressDots)は、アクションが進行中であることを示すアニメーションドットを表示します。

alexa-layoutsパッケージを読み込む

AlexaProgressDotsを使用するには、alexa-layoutsパッケージを読み込みます

alexa-layoutsパッケージの最新バージョンは1.4.0です。AlexaProgressDotsはバージョン1.2.0で導入されました。

AlexaProgressDotsパラメーター

type以外のパラメーターはすべてオプションです。

名前 デフォルト 説明 追加または更新されたバージョン

accessibilityLabel

文字列

accessibilityLabel

スクリーンリーダーを使用するユーザーに、進行状況について説明するアクセシビリティラベルです。

1.2.0

componentId

文字列

AlexaProgressDots

このコンポーネントの一意のIDです。同じドキュメント内のAlexaProgressDotsの各インスタンスに対して、個別の一意のIDを指定します。

1.2.0

dotSize

ディメンション

32dp

進行状況ドットの大きさです。

1.2.0

entities

配列

[]

このコンポーネントにバインドするentityデータの配列です。

1.2.0

theme

文字列

dark

色のテーマをダークまたはライトに設定します。テーマを選択することでコンポーネントの色を制御します。

1.2.0

AlexaProgressDotsの例

{
  "type": "AlexaProgressDots",
  "dotSize": "72dp",
  "componentId": "largeDotsId",
  "spacing": "@spacingMedium"
}

次の例は、進行状況ドットをさまざまな大きさで表示するドキュメントの全体を示します。

このアニメーションを表示するには、JSONのサンプルをオーサリングツールにコピーして貼り付けます。

AlexaProgressDotsの4つの例
AlexaProgressDotsの4つの例