Counterレスポンシブ対応コンポーネント(AlexaPageCounter)は、現在のページ番号と合計ページ数を表示します。5」のように表示します。このコンポーネントを使用して、Pagerでページに番号を割り当てることができます。関連トピックalexa-layoutsパッケージを読み込むAlexaPageCounterを使用するには、alexa-layoutsパッケージを読み込みます。alexa-layoutsパッケージの最新バージョンは1.1.0です。AlexaPageCounterはバージョン1.1.0で導入されました。AlexaPageCounterパラメーターtype以外のパラメーターはすべてオプションです。追加されたバージョンcurrentPageComponentId文字列pageCounterCurrentPage現在のページのTextコンポーネントIDです。PagerのonPageChangedハンドラーで使用して、SetValueコマンドで現在のページを更新します1.1.0currentPage文字列1現在表示されているページの番号です。1.1.0theme文字列dark指定したテーマ(lightまたはdark)に応じて色が切り替わります。デフォルトのテーマはdarkです。1.1.0totalPages文字列1ページの合計数です。1.1.0type文字列なし常にAlexaPageCounterに設定されます。1.1.0AlexaPageCounterの例AlexaPageCounterは、現在表示されているページの番号を表示するコンポーネントです。通常は、ユーザーがページを移動すると自動的にページ番号が更新されるようにします。これを行うには、PagerのonPageChangedイベントでSetValueコマンドを使用して、AlexaPageCounterのtextプロパティを設定します。AlexaPageCounterのcurrentPageComponentIdパラメーターを一意のIDに設定します。これは、現在のページ番号を表示するAlexaPageCounter内のコンポーネントIDになります。onPageChangedハンドラーで、次のようにSetValueコマンドを呼び出します。componentIdを同じIDに設定します。propertyをtextに設定します。onPageChangedから生成されたイベントが、event.source.valueの現在のページのインデックスを提供します。インデックス値は0から始まるため、1ずつ増えて正確なページ番号を表示します。例として、次のAlexaPageCounterを参照してください。"AlexaPageCounter"}Pagerでは、SetValueコマンドは次のようになります。[]}ページが変わると、SetValueは、IDがmyIDForTheCurrentPageのコンポーネントのtextプロパティを更新し、現在表示されているページに変更します。全文を表示/非表示コードをコピークリップボードにコピーされました。"これはページカウンターのデモです。"この文字列は2ページ目に表示されます。"5ページ中の3ページ目です。"5ページ中の4ページ目に表示されます。"最後のページ(5ページ中の5ページ目)です。