Ask a questionAsk a question
 

AnswerOr condition, multitrigger

  • Sunday, June 17, 2007 9:16 PMespeholt_jr1 Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Hi...

    Why is there not a OrCondition? or better why is Condition sealed?

    I'm trying to do something like this:

                                <Trigger Property="IsFocused" Value="True">
                                    <Trigger.EnterActions>
                                        <BeginStoryboard>
                                            <DoubleAnimation To="1.0" Storyboard.TargetProperty="Background.Opacity" Duration="0:0:1"/>
                                        </BeginStoryboard>
                                    </Trigger.EnterActions>
                                    <Trigger.ExitActions>
                                        <BeginStoryboard>
                                            <DoubleAnimation To="0.0" Storyboard.TargetProperty="Background.Opacity" Duration="0:0:1"/>
                                        </BeginStoryboard>
                                    </Trigger.ExitActions>
                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Trigger.EnterActions>
                                        <BeginStoryboard>
                                            <DoubleAnimation To="1.0" Storyboard.TargetProperty="Background.Opacity" Duration="0:0:1"/>
                                        </BeginStoryboard>
                                    </Trigger.EnterActions>
                                    <Trigger.ExitActions>
                                        <BeginStoryboard>
                                            <DoubleAnimation To="0.0" Storyboard.TargetProperty="Background.Opacity" Duration="0:0:1"/>
                                        </BeginStoryboard>
                                    </Trigger.ExitActions>
                                </Trigger>

    But it does not work properly because they "overwrite" eachother... hope you know what I mean - my english is not that good Wink

    But anyway, I would like to do:

    <MultiTrigger>
        <MultiTrigger.Conditions>
           <OrCondition>
              <Condition Property="IsFocused" Value="True"/>
              <Condition Property="IsMouseOver" Value="True"/>
           </OrCondition>
        <MultiTrigger.Conditions>
        <MultiTrigger.EnterActions>
           <DoubleAnimation To="1.0" Storyboard.TargetProperty="Background.Opacity" Duration="0:0:1"/>
        </MultiTrigger.EnterActions>
        <MultiTrigger.ExitActions>
           <DoubleAnimation To="0.0" Storyboard.TargetProperty="Background.Opacity" Duration="0:0:1"/>
        </MultiTrigger.ExitActions>
    </MultiTrigger>

    But is there a better way to do it?

Answers

  • Thursday, June 21, 2007 12:04 AMBob Shogren - MSFT Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer

    Here's something that might work for you, using a MultiTrigger: 

    Code Snippet

    <Page
        xmlns       = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x     = "http://schemas.microsoft.com/winfx/2006/xaml">

        <Page.Resources>
            <Style x:Key="StoryKey" TargetType="{x:Type TextBox}">
                <Setter Property="Background">
                    <Setter.Value>
                        <SolidColorBrush Color="Red" Opacity="0" />
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsFocused"   Value="true" />
                            <Condition Property="IsMouseOver" Value="true" />
                        </MultiTrigger.Conditions>
                        <MultiTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation
                                            Storyboard.TargetProperty   = "(TextBox.Background).(SolidColorBrush.Opacity)"
                                            To                          = "1"
                                            Duration                    = "0:0:0.5"
                                          />
                                    </Storyboard> 
                                </BeginStoryboard>
                        </MultiTrigger.EnterActions>
                        <MultiTrigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation
                                            Storyboard.TargetProperty   = "(TextBox.Background).(SolidColorBrush.Opacity)"
                                            To                          = "0"
                                            Duration                    = "0:0:0.5"
                                          />
                                    </Storyboard> 
                                </BeginStoryboard>
                        </MultiTrigger.ExitActions>
                    </MultiTrigger>
                </Style.Triggers>
            </Style>
        </Page.Resources>

        <StackPanel>
            <TextBox Height="75" Width="150" Text="TextBox" FontSize="36" Style="{StaticResource StoryKey}" />
        </StackPanel>

    </Page>

     

     

All Replies

  • Wednesday, June 20, 2007 7:59 AMYi-Lun LuoMSFT, ModeratorUsers MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     

    Hello, I think you can use your MultiTrigger with "and condition". You can set the Conditions to meet when IsFocused and IsMouseOver are both false, and exchange the Storyboards in EnterActions and ExitActions with each other.

  • Wednesday, June 20, 2007 9:59 AMespeholt_jr1 Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Yeah, I have tought about that, but it is rather complex :/
  • Thursday, June 21, 2007 12:04 AMBob Shogren - MSFT Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer

    Here's something that might work for you, using a MultiTrigger: 

    Code Snippet

    <Page
        xmlns       = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x     = "http://schemas.microsoft.com/winfx/2006/xaml">

        <Page.Resources>
            <Style x:Key="StoryKey" TargetType="{x:Type TextBox}">
                <Setter Property="Background">
                    <Setter.Value>
                        <SolidColorBrush Color="Red" Opacity="0" />
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsFocused"   Value="true" />
                            <Condition Property="IsMouseOver" Value="true" />
                        </MultiTrigger.Conditions>
                        <MultiTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation
                                            Storyboard.TargetProperty   = "(TextBox.Background).(SolidColorBrush.Opacity)"
                                            To                          = "1"
                                            Duration                    = "0:0:0.5"
                                          />
                                    </Storyboard> 
                                </BeginStoryboard>
                        </MultiTrigger.EnterActions>
                        <MultiTrigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation
                                            Storyboard.TargetProperty   = "(TextBox.Background).(SolidColorBrush.Opacity)"
                                            To                          = "0"
                                            Duration                    = "0:0:0.5"
                                          />
                                    </Storyboard> 
                                </BeginStoryboard>
                        </MultiTrigger.ExitActions>
                    </MultiTrigger>
                </Style.Triggers>
            </Style>
        </Page.Resources>

        <StackPanel>
            <TextBox Height="75" Width="150" Text="TextBox" FontSize="36" Style="{StaticResource StoryKey}" />
        </StackPanel>

    </Page>

     

     

  • Thursday, June 21, 2007 12:25 PMespeholt_jr1 Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Thank you Smile But in my example there will be more Multitriggers which is ogly, but I guess that's the only way...