選択におけるイメージの使用方法

実行時UIでは、イメージのある品目を名前のかわりに表現できるため、エンド・ユーザーはよりシンプルで直感的な選択を行うことができます。

品目へのイメージの追加

選択可能な品目イメージを有効にするには、最初に目的の品目にイメージを指定する必要があります。イメージは、品目の選択可能な状態を反映する必要があります: 選択、選択または除外に使用できます。

次のタイプのモデル・ノードに選択可能なイメージを追加できます:

品目ベースのオプション区分の標準品目
補足オプション機能のオプション

選択可能なイメージを品目に追加するには:

ワークスペースで、品目を含むモデル下書きを開きます。
「コンフィギュレータ・モデルの編集」ページの構造タブで、選択可能なイメージを追加するノードを選択します。
詳細リージョンの「UIプレゼンテーション」タブを選択
「品目選択イメージ」には、ノードのプライマリ(使用可能だが選択解除済)、選択済および除外済の状態のイメージを追加するためのコントロールがあります。
「プライマリ」フィールドのアイコンをクリックして、イメージを追加します。

プライマリ・イメージがないと、選択したイメージまたは除外されたイメージを追加できません。
「イメージの追加」ダイアログ・ボックスを使用して、ノードのプライマリ・イメージ・ファイルを検索して追加します。
選択したイメージと除外イメージのイメージを追加するには、同じ手順を使用します。
必要に応じて、オプション・クラスまたはオプション機能の他のノードに対して追加プロセスを繰り返します。

必要に応じて、選択したイメージまたは除外されたイメージを削除できます。プライマリ・イメージを削除すると、他のイメージが自動的に削除されます。イメージはいつでも変更できます。

UIでの選択可能イメージの追加

実行時に選択可能なイメージをユーザーに表示するには、それらをユーザー・インタフェースに追加する必要があります。

選択可能なイメージをUIに追加するには:

「コンフィギュレータ・モデルの編集」ページの「ユーザー・インタフェース」タブで、選択可能なイメージを表示する新しいUIを作成するか、既存のUIを選択します。
デザイン・サブタブのWYSIWYGエディタで、選択可能なイメージを指定したオプション区分またはオプション機能を表すページ品目の編集コントロール・バーを選択します。
ページ品目のプロパティを編集するためのコントロールをクリック
「テンプレート」フィールドのリストを開き、次のいずれかのテンプレートを検索します:
- 選択可能なイメージ・グループ
- 選択可能なイメージ・グループ(ヘッダーあり)
選択したテンプレートの「ページ品目の編集」ダイアログ・ボックスで、「内容」グループ内の必要なプロパティの値を設定します。
- 「行ごとのイメージ」は、実行時に1行の品目またはオプションに対して表示するイメージの数です。
- 「インライン・スタイル」は、選択可能なイメージ・グループ・テンプレート全体に対して実行時に適用される、オプションのCSSスタイル式です。
- 「オプション・インライン・スタイル」は、選択可能な各イメージに実行時に適用される、オプションのCSSスタイル式です。
モデル変更を保存し、「テスト・モデル」をクリックします。
テストUIでは、オプション区分またはオプション機能のオプションに対して表示されるイメージは、オプションの選択状態に応じて異なります:
- プライマリ・イメージは、オプションが使用可能で、選択または除外されていない場合に表示されます。
- 選択済イメージは、ルールまたはユーザー選択でオプションが選択されている場合に表示されます。
- オプションがルールによって除外されている場合、除外イメージが表示されます。
構造ビューの「品目選択イメージ」にイメージがない場合、実行時に次の置換が行われます:
- 品目のプライマリ・イメージが欠落している場合は、グラフィック・プレースホルダー・アイコンが表示されます。
- 選択済イメージがなく、品目が選択されている場合は、プライマリ・イメージが矩形で囲まれて表示されます。
- 除外イメージがなく、品目が除外されている場合は、プライマリ・イメージが淡色のシェーディングで表示されます。
UIで選択可能イメージ・グループとヘッダー・テンプレートを使用する場合、オプション区分またはオプション機能の説明と選択したオプションの摘要が、オプション・イメージ・グループのヘッダーとして一緒に表示されます。