Triggers, actions & behaviors in XAML

Triggers, Actions
& Behaviors

Eyal Vardi
CEO E4D Solutions LTD
Microsoft MVP Visual C#
blog: www.eVardi.com

Agenda
 Actions

 Triggers

 Behaviors

© 2008 E4D LTD. All rights reserved. Tel: 054-5-767-300, Email: Eyal@E4D.co.il

Old WPF ( No Silverlight )
<Button Content="Click Me">
<Button.Triggers>

<EventTrigger RoutedEvent="Click">
<EventTrigger.Actions>
<BeginStoryboard Storyboard="{StaticResource sbSpin}"/>
</EventTrigger.Actions>
</EventTrigger>

<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsMouseOver" Value="True" />
<Condition Property="Content" Value="{x:Null}" />
</MultiTrigger.Conditions>
<Setter Property="Background" Value="Yellow" />
</MultiTrigger>

</Button.Triggers>
</Button>


.NET 3.5 WPF ( When __, Do __ )


Action Way
<Button Content="Click Me">

<i:Interaction.Triggers>
<i:EventTrigger EventName="Click">
<E4D:MyAction TargetName="lbTrace" />
</i:EventTrigger>
</i:Interaction.Triggers>

</Button>

public class MyAction : TargetedTriggerAction<DependencyObject>
{
public MyAction() { ... }

protected override void Invoke(object o) { ... }
}


Perform on
somebody else


Action


Trigger ( When )
 Invokes a bunch of actions at a point when it
decides to do that.
 Event Trigger
 Timer Trigger
 Size Trigger

 The Attach & Detach connect to
the target.


Timer Trigger Sample
public class TimerTrigger : TriggerBase<DependencyObject>
{
public TimeSpan Interval { get; set; }
protected override void OnAttached()
{
timer = new DispatcherTimer();
timer.Interval = Interval;
timer.Tick += OnTick; timer.Start();
}
void OnTick(object sender, EventArgs e)
{
this.InvokeActions(null);
}
protected override void OnDetaching()
{
timer.Tick -= OnTick; timer = null;
}

DispatcherTimer timer;
}


Custom Trigger


Behavior
 Behavior don’t need the “When” ( Trigger ),
and don’t have the Invoke.


Behavior with Command
public class MethodBehavior : Behavior<DependencyObject>
{
public ICommand Command { get; set; }
public MethodBehavior()
{
Command = new ActionCommand( MyMethod );
}

private void MyMethod()
{ <Button Content="Click Me“>
// TODO: <i:Interaction.Behaviors>
} <E4D:MethodBehavior>
} <i:Interaction.Triggers>
<i:KeyTrigger SourceName="...">
<i:InvokeCommandAction CommandName="Command" />
</i:KeyTrigger>
</i:Interaction.Triggers>
</E4D:MethodBehavior>
</i:Interaction.Behaviors>
</Button>

Behaviors


Blend Behaviors


Fluid Move Behavior
 Behavior that watches an element (or a set of
elements) for layout changes, and moves the
element smoothly to the new position when
needed.

<ei:FluidMoveBehavior Duration="00:00:01" AppliesTo="Children">
<ei:FluidMoveBehavior.EaseY>
<BackEase EasingMode="EaseOut" Amplitude="0.5"/>
</ei:FluidMoveBehavior.EaseY>
<ei:FluidMoveBehavior.EaseX>
<BackEase EasingMode="EaseOut" Amplitude="0.5"/>
</ei:FluidMoveBehavior.EaseX>
</ei:FluidMoveBehavior>


Fluid Move Behavior


Fluid Layout in VSM
 Animation between states.
 - Transition Effect
 - Easing Function


Fluid Layout in VSM


Layout States & Transition
 Layout States animate the state changes for
you at the appropriate times, as your items are
added to or removed from the list.
 Edit the ItemContainerStyle and ItemsPanel.


Layout States & Transition


FluidMoveTagSetBehavior


Fluid Move Tag Set
Behavior


Triggers, actions & behaviors in XAML

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (9)

Similar to Triggers, actions & behaviors in XAML

Similar to Triggers, actions & behaviors in XAML (20)

More from Eyal Vardi

More from Eyal Vardi (20)

Recently uploaded

Recently uploaded (20)

Triggers, actions & behaviors in XAML