FluidMoveBehavior设置TAG=“DataContext”后会移动两次

longcad10 2013-05-30 11:16:59

我在WPF中使用FluidMoveBehavior AppliesTo="Children" Tag="DataContext" 后，绑定到listbox后，listbox元素点击一次后直接移动，再点一次从之前的点再平滑移动一次，有大牛知道么？
前台代码：

<UserControl 

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

            xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

	        xmlns:il="clr-namespace:Microsoft.Expression.Interactivity.Layout;assembly=Microsoft.Expression.Interactions"

	        xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 

             mc:Ignorable="d" 

             xmlns:demo="clr-namespace:UniMapGHBZWPF" 

            d:DesignHeight="544" d:DesignWidth="837" x:Class="UniMapGHBZWPF.UCDataSync" Loaded="UserControl_Loaded">

    <UserControl.Resources>

        <ControlTemplate x:Key="CheckBoxControlTemplate1" TargetType="CheckBox">

            <Grid Background="#02424242"/>

        </ControlTemplate>

        <DataTemplate x:Key="ItemTemplate">

            <Grid Width="120" Height="96">

                <Grid VerticalAlignment="Center" HorizontalAlignment="Center">

                    <Rectangle Fill="#FFC2C2C2" Margin="-2" RadiusY="6" RadiusX="6">

                        <Rectangle.Effect>

                            <DropShadowEffect ShadowDepth="0" Color="#FF0E0E0E" Opacity="0.6" BlurRadius="6"/>

                        </Rectangle.Effect>

                    </Rectangle>

                    <Image Source="{Binding Photo}" Height="81" Width="108" HorizontalAlignment="Left" VerticalAlignment="Top" Clip="M0,4 C0,1.790861 1.790861,0 4,0 L104,0 C106.20914,0 108,1.790861 108,4 L108,77 C108,79.209137 106.20914,81 104,81 L4,81 C1.790861,81 0,79.209137 0,77 z"/>

                    <CheckBox IsChecked="{Binding IsLiked, Mode=TwoWay}" Template="{StaticResource CheckBoxControlTemplate1}" Opacity="0"/>

                </Grid>

            </Grid>

        </DataTemplate>

        <ItemsPanelTemplate x:Key="ItemsPanelTemplate1" >

            <StackPanel Orientation="Horizontal">

                <i:Interaction.Behaviors >

                    <il:FluidMoveBehavior AppliesTo="Children" Duration="0:0:0.75"  Tag="DataContext" >

                        <il:FluidMoveBehavior.EaseY>

                            <BackEase EasingMode="EaseInOut"/>

                        </il:FluidMoveBehavior.EaseY>

                        <il:FluidMoveBehavior.EaseX>

                            <BackEase EasingMode="EaseInOut" />

                        </il:FluidMoveBehavior.EaseX>

                    </il:FluidMoveBehavior>

                </i:Interaction.Behaviors>

            </StackPanel>

        </ItemsPanelTemplate>

        <Style x:Key="ListBoxItemStyle1" TargetType="ListBoxItem">

            <Setter Property="Padding" Value="3"/>

            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>

            <Setter Property="VerticalContentAlignment" Value="Top"/>

            <Setter Property="Background" Value="Transparent"/>

            <Setter Property="BorderThickness" Value="1"/>

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="ListBoxItem">

                        <Grid x:Name="grid" Background="{TemplateBinding Background}">

                            <VisualStateManager.CustomVisualStateManager>

                                <ic:ExtendedVisualStateManager/>

                            </VisualStateManager.CustomVisualStateManager>

                            <VisualStateManager.VisualStateGroups>

                                <VisualStateGroup x:Name="LayoutStates">

                                    <VisualStateGroup.Transitions>

                                        <VisualTransition GeneratedDuration="0:0:0.5">

                                            <VisualTransition.GeneratedEasingFunction>

                                                <CubicEase EasingMode="EaseInOut"/>

                                            </VisualTransition.GeneratedEasingFunction>

                                        </VisualTransition>

                                    </VisualStateGroup.Transitions>

                                    <VisualState x:Name="Unloaded"/>

                                    <VisualState x:Name="BeforeLoaded"/>

                                    <VisualState x:Name="Loaded"/>

                                    <VisualState x:Name="AfterLoaded"/>

                                    <VisualState x:Name="BeforeUnloaded"/>

                                </VisualStateGroup>

                                <VisualStateGroup x:Name="SelectionStates">

                                    <VisualState x:Name="Unselected"/>

                                    <VisualState x:Name="Selected"/>

                                    <VisualState x:Name="SelectedUnfocused"/>

                                </VisualStateGroup>

                            </VisualStateManager.VisualStateGroups>

                            <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}"/>

                        </Grid>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

        <ControlTemplate x:Key="ToggleImage" TargetType="ToggleButton">

            <Grid>

                <Image Source="{Binding Image}"/>

            </Grid>

        </ControlTemplate>

        <DataTemplate x:Key="PhotoModelTemplate">

            <StackPanel>

                <ToggleButton Content="ToggleButton" Height="100" Width="100" Template="{StaticResource ToggleImage}" IsChecked="{Binding IsLiked, Mode=TwoWay}"/>

            </StackPanel>

        </DataTemplate>

    </UserControl.Resources>

    <StackPanel>

        <GroupBox Header="同步数据目标/源"  Name="groupBox1" >

            <Grid Name="grdBase"  Style="{StaticResource WindowGridStyle}">

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="15*"></ColumnDefinition>

                    <ColumnDefinition Width="15*"></ColumnDefinition>

                    <ColumnDefinition Width="15*"></ColumnDefinition>

                    <ColumnDefinition Width="15*"></ColumnDefinition>

                    <ColumnDefinition Width="15*"></ColumnDefinition>

                    <ColumnDefinition Width="15*"></ColumnDefinition>

                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>

                    <RowDefinition Height="50*"></RowDefinition>

                    <RowDefinition Height="50*"></RowDefinition>

                </Grid.RowDefinitions>

                <Border Style="{DynamicResource BorderStyle}" Grid.Column="0" Grid.Row="0"  />

                <Border Style="{DynamicResource BorderStyle}" Grid.Column="2" Grid.Row="0"  />

                <Border Style="{DynamicResource BorderStyle}" Grid.Column="4" Grid.Row="0"  />

                <Border Style="{DynamicResource BorderStyle}" Grid.Column="0" Grid.Row="1"  />



            </Grid>

        </GroupBox>

        <GroupBox Header="同步内容"  Name="groupBox2" Height="356">

            <Grid x:Name="LayoutRoot">

                <Grid.RowDefinitions>

                    <RowDefinition Height="0.5*"/>

                    <RowDefinition Height="0.5*"/>

                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition/>

                </Grid.ColumnDefinitions>

                <Grid Margin="8">

                    <Grid.ColumnDefinitions>

                        <ColumnDefinition Width="0.672*"/>

                        <ColumnDefinition Width="0.328*"/>

                    </Grid.ColumnDefinitions>

                    <DockPanel Grid.ColumnSpan="2">

                                              <ListBox Cursor="Hand" x:Name="PhotosILikeListBox" ItemsSource="{Binding PhotosILike}" ItemTemplate="{StaticResource PhotoModelTemplate}" Foreground="#FFCACACA" Background="{x:Null}" FontSize="16" ItemsPanel="{StaticResource ItemsPanelTemplate1}" ItemContainerStyle="{StaticResource ListBoxItemStyle1}"  DockPanel.Dock="Bottom"/>

                    </DockPanel>

                </Grid>

                <DockPanel Grid.RowSpan="2" Grid.Row="1">

                <ListBox Cursor="Hand"x:Name="PhotosIHateListBox" ItemsSource="{Binding PhotosIHate}" ItemTemplate="{StaticResource PhotoModelTemplate}" Foreground="#FFCACACA" Background="{x:Null}" FontSize="16" ItemsPanel="{StaticResource ItemsPanelTemplate1}" ItemContainerStyle="{StaticResource ListBoxItemStyle1}"/>

                </DockPanel>

            </Grid>

        </GroupBox>

         </StackPanel>

</UserControl>

后台:

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media.Imaging;

using Ookii.Dialogs.Wpf;

using System.ComponentModel;







namespace UniMapGHBZWPF

{

    /// <summary>

    /// UCDataSync.xaml 的交互逻辑

    /// </summary>

    public partial class UCDataSync : UserControl

    {

        public UCDataSync()

        {

            InitializeComponent();



        }



      private void LoadForm()

        {

            PhotoModel photo = new PhotoModel();

            photo.IsLiked = true;

            photo.ModuleCode = "BaseParam";

            photo.Image = new BitmapImage( new Uri( "/UniMapGHBZWPF;component/Images/SyncBaseParamChoose.png", UriKind.Relative ) );

            photos.Photos.Add( photo );



      }



        private void UserControl_Loaded( object sender, RoutedEventArgs e )

        {

            LoadForm();

            LayoutRoot.DataContext = photos;

        }

   

    }

}