Itemレスポンシブ対応コンポーネント(AlexaImageListItem)は、リストの形式で画像とテキストを表示します。このコンポーネントは、AlexaImageレスポンシブ対応コンポーネントを使用して項目のサイズと形式を設定します。AlexaImageListItem項目のリストを表示するには、AlexaImageListレスポンシブ対応テンプレートを使用します。関連トピックalexa-layoutsパッケージを読み込むAlexaImageListItemを使用するには、alexa-layoutsパッケージを読み込みます。alexa-layoutsパッケージの最新バージョンは1.1.0です。AlexaImageListItemはバージョン1.1.0で導入されました。AlexaImageListItemパラメーターtype以外のパラメーターはすべてオプションです。追加されたバージョンdefaultImageSource文字列imageSourceが提供されていない場合に使用するデフォルト画像のURIです。これは、画像コンテナが空にならないようにするために使用します。1.1.0hideOrdinalブール値falsetrueの場合、リスト項目の横に数字を表示しません。1.1.0imageAlignment文字列centerバウンディングボックス内での画像の位置を設定する方法を決定します。画像がバウンディングボックスより小さい場合に使用されます。オプションは、bottom、bottom-left、bottom-right、center、left、right、top、top-left、top-rightです。このプロパティは、AlexaImageレスポンシブ対応コンポーネントのimageAlignmentプロパティと同じように機能します。1.1.0imageAspectRatio文字列squareアイテムの画像バウンディングボックスに使用するアスペクト比です。オプションは、square、round、standard_landscape、standard_portrait、poster_landscape、poster_portrait、widescreenです。このプロパティは、AlexaImageレスポンシブ対応コンポーネントのimageAspectRatioプロパティと同じように機能します。バウンディングボックスの高さと幅はアスペクト比に基づいて事前に定義されており、変更することはできません。1.1.0imageBlurredBackgroundブール値falsetrueの場合、画像の背後にその画像のコピーをぼかして表示します。imageScaleがfillまたはbest-fillに設定されている場合は無視されます。このプロパティは、AlexaImageレスポンシブ対応コンポーネントのimageBlurredBackgroundプロパティと同じように機能します。1.1.0imageHideScrimブール値falsetrueの場合、画像とテキストコンテンツの間のオーバーレイ(レイヤー)を非表示にします。1.1.0imageMetadataPrimacyブール値falsetrueの場合、小型デバイスでsecondaryTextとtertiaryTestの両方を非表示にします。1.1.0imageProgressBarPercentage数値01から100までの数値に設定すると、指定したパーセンテージに基づいて画像上に進捗バーが表示されます。これにより、ユーザーは項目のステータスを一目で確認できます。0に設定すると、進捗バーが非表示になります。1.1.0imageRoundedCornerブール値truetrueの場合、画像に角丸を使用します。1.1.0imageScale文字列best-fitバウンディングボックス内に収まるように画像を拡大縮小する方法を決定します。オプションは、none、fill、best-fit、best-fill、best-fit-downです。このプロパティは、AlexaImageレスポンシブ対応コンポーネントのimageScaleプロパティと同じように機能します。表示する画像のURLです。1.1.0primaryActionコマンドユーザーがリスト項目を選択したときに実行されるアクションです。1.1.0primaryText文字列リスト項目に表示する第1テキストです。画像上に表示するプロバイダーテキストです。1.1.0secondaryText文字列リスト項目の第2テキストです。1.1.0tertiaryText文字列リスト項目の第3テキストです。1.1.0theme文字列dark指定したテーマ(lightまたはdark)に応じて色が切り替わります。デフォルトのテーマはdarkです。1.1.0画像サイズ、アスペクト比、拡大縮小AlexaImageListItemレスポンシブ対応コンポーネントは、事前に定義された高さと幅を使用します。高さと幅は、指定したimageAspectRatioとViewportの特性によって決まります。AlexaImageレスポンシブ対応コンポーネントの場合と同じように機能します。詳細については、画像のアスペクト比と拡大縮小の例を参照してください。以下は、すべてのテキストオプションと進捗バーを設定したAlexaImageListItemの例です。AlexaImageListItemコードをコピークリップボードにコピーされました。AlexaImageListItemコードをコピークリップボードにコピーされました。"この第1テキストは折り返されて最大2行で表示されます。"切り詰める必要がある第3テキストです。"プロバイダーテキストです。