条件の設定

when の条件を設定して、複数のコンポーネントのプロパティの真偽を評価し、これらの条件が適用される状態へUIを切り替えます。真偽の判定や、ある値以上かどうかなどの評価が可能です。また、ANDやORなどの演算子を使用して、複数のコンポーネントの真偽を評価することもできます。

状態が適用されるタイミングを決定するには：

1. 「View 」 > 「Views 」 > 「States 」に移動します。

   

2. 「When Condition 」で、「 」を選択します。
3. 「Binding Editor 」で、その状態の「when 」プロパティを指定します。
4. このプロパティの値には、状態を適用したいときに `true ` と評価されるブール式を設定します。

when の条件は、コード内の出現順に従って左から右へと評価されます。したがって、2 つの異なる状態に対して、どちらもtrue と評価される 2 つの条件がある場合、最初の状態が適用されます。

条件付きバインディングの作成

Binding Editor で、式を作成するコンポーネントとプロパティを選択します。たとえば、ボタンが押されたときに状態を変更するには、ボタンコンポーネントとその`pressed`プロパティを選択します。

Binding Editor で式を構成する際、コード補完機能により、式で使用可能なコンポーネントとそのプロパティが一覧表示されます。

論理演算子の概要

式内で以下の論理演算子を使用することで、複数の条件を 1 つの式に組み合わせることができます:

また、チェックの前に算術演算子を使用して数値を比較することもできます。ただし、可能な限り、この目的のために個別のプロパティを作成することをお勧めします。

条件の例

ボタンが押されたときに状態を適用するには、次のように記述します：

when: control.pressed

ボタンが押されていないときに状態を適用するには、[NOT] を選択します。

ボタンが押されておらず、選択されておらず、かつホバーもされていない場合に状態を適用するには、次のように条件を組み合わせます。

when: !control.pressed && !control.checked && !control.hovered

ボタンが押されているか選択されているが、ホバーされていない場合に状態を適用するには、次のように記述します:

when: control.pressed || control.checked && !control.hovered