テキストカードの場合は、このサンプル JSON コードをコピーして、アイテムビューフォーム内の [アイテムビュー JSON ] フィールドに貼り付けます。

{
  "Type": "ViewGroup",
  "Distribution": "Equal",
  "Orientation": "Vertical",
  "Alignment": "Center",
  "Margin": {
    "Left": 0,
    "Right": 0,
    "Top": 0,
    "Bottom": 0
  },
  "Children": [
    {
      "Type": "Text",
      "CellId": "title",
      "TextAlignment": "center",
      "Margin": {
        "Left": 16,
        "Right": 16
      },
      "MaxLines": 3,
      "Font": {
        "Weight": "bold",
        "Size": 36,
        "MinSize": 24
      },
    }
  ],
}

ビデオカードの場合は、このサンプル JSON コードをコピーして、アイテムビューフォーム内の [アイテムビュー JSON ] フィールドに貼り付けます。

{
  "Type": "Media-Video",
  "CellId": "video_link.url",
  "TitleCellId": "title",
  "SubtitleCellId": "text"
}

画像カードの場合は、このサンプル JSON コードをコピーし、デフォルト値とは異なる値を設定します。デフォルト値を使用する場合は、そのコード行を削除できます。目的の値を設定したら、アイテムビューフォーム内の アイテムビュー JSON フィールドに JSON コードを貼り付けます。

{
  "Type": "Media-Image",
  "CellId": "image",
  "TitleCellId": "title",
  "SubtitleCellId": "text",
  "Parallax": <true|false>,
  "DisplayType": "<over|under>",
  "DisplayTheme": "<light|dark>",
  "FocusOnFaces": <true|false>
}

画像カードのアイテムビューのカスタムパラメーターは次のとおりです。

視差

画像に奥行きと遠近感の錯覚を作成するかどうかを決定します。

• true (デフォルト):カードの下部にあるテキストの移動速度は背景画像よりも遅くなり、2 つのオブジェクトが別の 3 次元平面上にあるかのように見えます。
• false:カード下部のテキストと画像が同じ速度で移動します。

表示タイプ

テキストを画像の下に表示するか (下)、オーバーレイとして画像上に表示するか (上) を決定します。テキストには、タイトルとサブタイトルが含まれます。スムーズなビジュアルエクスペリエンスを得るには、すべてのカードタイプに同じ形式を使用します。デフォルト値は オーバーです。

画像の下に表示されるテキスト	オーバーレイとして表示されるテキスト

表示テーマ

テキストオーバーレイの色を決定します。このオプションは、表示タイプが 「オーバー」の場合にのみ使用できます。暗い背景に表示するテキストには 、明るい 色を使用します。デフォルト値は [ライト] です。

DisplayTheme を明るく設定	DisplayTheme をダークに設定

FocusOnFace

true (デフォルト) に設定すると、画像カード上の画像は、フレーム内の顔がキャプチャされている場所にトリミングされます。