1. Property triggers#

Oto przykład wykorzystania Property Triggera. W ResourceDictionary tworzymy styl, który zostanie przypisany do przycisku.

1
<Style TargetType="{x:Type Button}">
2
    <Style.Triggers>
3
        <Trigger Property="IsMouseOver" Value="True">
4
            <Setter Property="Background" Value="Black"></Setter>
5
        </Trigger>
6
    </Style.Triggers>
7
    <Setter Property="Background" Value="Red"/>
8
</Style>

Widzimy, że dany trigger jest powiązany z właściwością IsMouseOver. W przypadku gdy wartość tej właściwości zostanie ustawiona na true, tło przycisku zostanie zmienione na czarne. Natomiast gdy IsMouseOverpowróci do stanufalse`, tło przycisku wróci do wartości sprzed zmiany.

2. Data triggers#

Oto przykład wykorzystania Data Triggera. W ResourceDictionary tworzymy styl, który zostanie przypisany do przycisku.

1
<Style x:Key="bindingTest" TargetType="Button">
2
    <Style.Triggers>
3
        <DataTrigger Binding="{Binding Path=Text}" Value="Kolor">
4
            <Setter Property="Background"  Value="Beige"/>
5
        </DataTrigger>
6
    </Style.Triggers>
7
</Style>

W tym przypadku nasz trigger reaguje na zmiany właściwości Text. Jako, że nie ustawiliśmy źródła bindowania, właściwość Text będzie wyszukiwana w DataContext danej kontrolki. W przypadku gdy DataContext nie zostanie ustawiony, właściwość ta będzie wyszukiwana w kontrolce będącej wyżej w hierarchii. W przypadku gdy wartość właściwości Text będzie wynosiła Kolor tło kontrolki zostanie zmienione na kolor beżowy.

3. MultiData triggers#

Oto przykład wykorzystania MultiDataTriggera. W ResourceDictionary tworzymy styl, który zostanie przypisany do przycisku.

1
<Style x:Key="MultiDataTrigger" TargetType="{x:Type Button}">
2
    <Style.Triggers>
3
        <MultiDataTrigger>
4
            <MultiDataTrigger.Conditions>
5
                <Condition Binding="{Binding Path=Text}" Value="Kolor"/>
6
                <Condition Binding="{Binding Path=Title}" Value="Spider-Man"/>
7
            </MultiDataTrigger.Conditions>
8
            <Setter Property="Background" Value="Black"/>
9
        </MultiDataTrigger>
10
    </Style.Triggers>
11
</Style>

Tym razem nasz trigger zareaguje, tylko i wyłącznie gdy wartość właściwości Text(znajdującej się w DataContext) będzie równe Kolor, oraz wartość właściwości Title będzie równa Spider-Man. W chwili gdy warunek ten zostanie spełniony, tło kontrolki zmieni się na kolor czarny.

4. MultiTrigger#

Zasada działania MultiTriggera jest analogiczna z zasadą działania MultiDataTriggera. Różnica między ni mi jest taka, że w MultiTriggerze możemy jedynie odnosić się do propertisów danej kontrolki (kontrolki dla której styl tworzymy,oraz kontrolek wchodzących w skład naszej kontrolki). Przykładowy kod MultiTriggera może wyglądać w następujący sposób:

1
<Style x:Key="MultiTrigger" TargetType="{x:Type Button}">
2
    <Style.Triggers>
3
        <MultiTrigger>
4
            <MultiTrigger.Conditions>
5
                <Condition Property="Background" Value="Black"/>
6
                <Condition Property="IsMouseOver" Value="True"/>
7
            </MultiTrigger.Conditions>
8
            <Setter Property="Content" Value="MultiTrigger"/>
9
        </MultiTrigger>
10
    </Style.Triggers>
11
</Style>

Tym razem nasz trigger zareaguje, tylko i wyłącznie gdy tło naszej kontrolki będzie czarne, oraz kursor myszy będzie znajdował się nad przyciskiem. W chwili gdy warunki ten zostaną spełnione, napis na przycisku zmieni się na MultiTrigger

5. Event triggers#

Event triggery wykraczają poza zakres tej części tutoriala, gdyż są one ściśle związane z animacjami.