メインコンテンツにスキップ

リスト:アイテムごとに色を変える

カラープロパティを使って、リスト内のアイテムごとにボックスの色を個別管理する方法を説明します。カテゴリーごとに色を分けたい場合などに活用できます。

point:リストとは

共通した構造やレイアウトを持つボックスの集まりがリストです。同一レイアウトのボックス群に、それぞれ内容の異なるテキストや画像、URLリンクなどを設定できます。

(1)リストにカラープロパティを追加する

リストに色を管理するカラープロパティを追加します。

  1. スクリーン上で、リスト全体を選択します。

  2. 右パネルの[データ]タブを開きます。パネルが閉じている場合は、右パネルを開いてください。

  3. プロパティ一覧の右端にある[+]アイコンをクリックします。

  4. 追加するプロパティの種類から[カラー]を選択し、カラープロパティを追加します。

(2)アイテムごとに任意のカラーを設定する

追加したカラープロパティに、各アイテムの色を設定します。

  1. 右パネルのプロパティ管理表で、色を登録するセルをクリックします。

  2. 表示されたカラーピッカーで色を選ぶか、カラーコードを入力して、アイテムごとに異なる色を設定します。

(3)ボックスの塗りにカラープロパティを紐づける

設定したカラープロパティを、ボックスに紐づけて塗ります。

  1. スクリーン上で、色を反映したいボックスを選択します。

  2. 右パネルの[データ]タブで、カラープロパティの左側にあるコネクタ(ハンドル)をドラッグします。パネルが閉じている場合は、右パネルを開いてください。

  3. レイヤーパネル内の対象ボックスの塗り(背景色)にドロップします。

こちらの回答で解決しましたか?