状態定義の作成
状態定義の作成と状態規則の追加
状態フォーマットをウィジェットに適用する前に、フォーマットの条件を指定した状態定義エンティティを作成する必要があります。
状態定義エンティティを作成するには、以下の手順に従います。
1. Composer で、「新規」をクリックし、「状態定義」を選択します。
2. 「一般情報」タブで、以下を入力します。
◦ 「名前」 - エンティティ名。これは状態定義をウィジェットに適用するときに使用されます。
◦ 「プロジェクト」 - エンティティを特定のプロジェクトにリンクします。これはエンティティを整理およびグループ化するときに使用されます。
3. 「新規状態定義」タブを開きます。
4. 「状態を適用」ドロップダウンリストで、「数値」または「文字列/値」を選択します。
5. 新しい状態規則を定義するため、「追加」をクリックします。サイドパネルが開きます。
6. サイドパネルで、状態を以下のように定義します。
◦ 数値の場合、以下のオプションを設定します。
▪ 「演算子」 - 値の演算子
▪ 「値」 - スタイル条件と一致する一意の数値
「表示名」 - 状態定義インスタンスの名前
▪ 「スタイル」 - 状態がアクティブな場合にウィジェットに適用するスタイル定義
◦ 文字列の場合、以下のオプションを指定します。
▪ 「文字列/値」 - スタイルの条件となる一意の文字列または値
▪ 「表示名」 - 状態定義インスタンスの名前
▪ 「スタイル」 - 状態の条件が満たされている場合にウィジェットに適用するスタイル定義
| • 同じスタイル定義に文字列状態と数値状態を追加することはできません。 |
7. をクリックして状態を追加し、パネルを閉じます。
状態を追加してパネルを開いたままにするには、
をクリックします。
以下の図は、イメージを使用したスタイル定義がある複数の数値状態条件を示しています。
定義した各状態が「状態情報」の下のテーブルに追加されます。各行は、現在のウィジェットの値に基づいてスタイル定義を適用する条件です。
定義されている条件がどれも一致しない場合に状態定義を適用することもできます。
1. 「デフォルト」値をクリックします。サイドパネルが開きます。
2. サイドパネルで、スタイル定義を選択し、デフォルト値を設定します。
3. をクリックして変更を適用します。