条件を設定する

when 条件を設定して、いくつかのコンポーネントのプロパティの真偽を評価し、これらの条件が適用される状態にUIを移動します。何かが真か偽か、何かより大きいか等しいかなどを評価できます。また、ANDやORなどの演算子を使用して、複数のコンポーネントの真偽を評価することもできます。

ある状態がいつ適用されるかを決定するには

1. View >Views >States に進む。

   

2. When Condition で、 を選択する。
3. Binding Editor で、状態にwhen プロパティを指定する。
4. 状態を適用するときにtrue と評価されるブーリアン式をプロパティの値に設定します。

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

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

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

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

論理演算子の概要

以下の論理演算子を式で使用すると、複数の条件を 1 つの式にまとめることができます：

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

when 条件の例

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

when: control.pressed

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

ボタンが押されず、選択されず、ホバーオンもされないときに状態を適用するには、次のように条件を組み合わせます：

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

ボタンが押されたり選択されたりしているが、カーソルが置かれていないときに状態を適用するには、次のように書きます：

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