モバイルカードビルダー コンポーネント

モバイルカードを構成するコンポーネントについて学びます

コンポーネントの追加と削除

コンテナー

コンテナーコンポーネントには、他のコンポーネントが含まれています。コンテナーには、任意のカードコンポーネント (別のコンテナーも含む) を含めることができます。コンテナーを使用してカードコンポーネントを整理し、コンテナー内のコンポーネントの配置と分布を決定します。

表 : 1. コンテナー構成プロパティ

プロパティ	説明
高さ	コンテナーの高さ (ピクセル単位)
幅	コンテナーの幅 (ピクセル単位)。このプロパティを空白のままにすると、コンテナーは利用可能なスペースを埋めます。
上マージン	コンテナーの上マージン (ピクセル単位)
下マージン	コンテナーの下マージン (ピクセル単位)
左マージン	コンテナーの左マージン (ピクセル単位)
右マージン	コンテナーの右マージン (ピクセル単位)
コーナー半径	コンテナーのコーナー半径。この値を大きくすると、コンテナーのコーナーが丸くなります。
コンテナーの方向	コンテナー内のコンポーネントの向きを決定します。次の値から選択します。 水平 垂直
位置調整	コンテナー内のコンポーネントの配置を決定します。次の値から選択します。 ストレッチ センター 左 右 最高 最低
分布	コンテナー内のコンポーネントの分布を決定します。次の値から選択します。 均等 自動

イメージ

画像コンポーネントは、画像の表示に使用されます。表示する画像を定義するには、[ユーザー] レコードの [アバター] フィールドなど、画像を含むレコードのフィールドを選択します。

表 : 2. 画像構成プロパティ

プロパティ	説明
マップされたフィールド	画像を含むレコードのフィールド。 注: カードテンプレートを作成するときは、フィールドを選択できません。この選択は、カードが特定の画面に関連付けられているときに行います。
高さ	画像の高さ (ピクセル単位)
幅	画像の幅 (ピクセル単位)
コーナー半径	画像のコーナー半径。この値を大きくすると、画像のコーナーが丸くなります。
上マージン	画像の上マージン (ピクセル単位)
右マージン	画像の右マージン (ピクセル単位)
下マージン	画像の下マージン (ピクセル単位)
左マージン	画像の左マージン (ピクセル単位)
スケーリング	画像のスケーリング。次の値から選択します。 枠に合わせる (Fill) 枠幅に合わせる (Fit)

テキスト

テキストコンポーネントは、カードにテキストを表示します。これは、静的テキストにすることも、フィールドの値のラベルからのテキストにすることもできます。ユーザーがレコードリストを表示するときに、最初に表示する必要がある情報には、テキストコンポーネントを使用してください。

表 : 3. テキスト構成プロパティ

プロパティ	説明
フィールドタイプ	テキストフィールドのタイプ。次の値から選択します。 フィールド値 フィールド ラベル 静的テキスト
フィールドタイプテキスト	テキストコンポーネントに表示されるテキスト。この値は、[フィールドタイプ] プロパティで [静的テキスト] を選択した場合にのみ使用されます。
マップされたフィールド	使用するテキストを含むフィールド。テキストコンポーネントには、[フィールドタイプ] プロパティで選択した内容に応じて、フィールドのラベルまたはフィールドの値が表示されます。 注: カードテンプレートを作成するときは、フィールドを選択できません。この選択は、カードが特定の画面に関連付けられているときに行います。
高さ	テキストコンポーネントの高さ (ピクセル単位)
幅	テキストコンポーネントの幅 (ピクセル単位)
コーナー半径	テキストコンポーネントのコーナー半径。この値を大きくすると、テキストコンポーネントのコーナーが丸くなります。
上マージン	テキストコンポーネントの上マージン (ピクセル単位)
右マージン	テキストコンポーネントの右マージン (ピクセル単位)
下マージン	テキストコンポーネントの下マージン (ピクセル単位)
左マージン	テキストコンポーネントの左マージン (ピクセル単位)
テキストの配置	コンポーネント内のテキストの配置。次の値から選択します。 左 センター 右
最大行数	要素内のテキストの最大行数。
フォントの太さ	テキストのフォントの太さ。次の値から選択します。 レギュラー ボールド
フォントサイズ	テキストのフォントサイズ。数値を入力します。
テキストの色	テキストの色。このプロパティの値は HTML カラーコードです (たとえば、シェンナは #A0522D)。 注: テキストコンポーネントの背景色は変更できませんが、コンテナーコンポーネント内にテキストコンポーネントを配置して、コンテナーの背景色を変更することができます。