ItemsControl中的WPF中的缩放按钮

时间:2011-10-13 11:29:19

标签: c# .net wpf xaml animation

我创建了ItemsControl包含按钮。想要制作Scale点击按钮。所有东西都是在Blend 4中创建的,所以我很惊讶跑步后这不起作用。不知道是什么问题。

    <ItemsControl Grid.Row="1" ItemsSource="{Binding Symbols}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <DataTemplate.Resources>
                    <Storyboard x:Key="OnClick1">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="button">
                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="2"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="button">
                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="2"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </DataTemplate.Resources>
                <Button x:Name="button" cal:Message.Attach="[Event MouseDoubleClick] = [Action SymbolButton($dataContext)]" RenderTransformOrigin="0.5,0.5">
                    <Button.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Button.RenderTransform>
                    <Button.Template>
                        <ControlTemplate>
                            <Label FontFamily="{Binding ElementName=cbLetterTypes, Path=EditValue.Name,  Mode=OneWay}" Height="50" Width="50"  Content="{Binding Value, Mode=OneWay}" ToolTip="{Binding ToolTip}" Background="White" HorizontalAlignment="Center" VerticalAlignment="Center" BorderThickness="1" BorderBrush="Black" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"></Label>
                        </ControlTemplate>
                    </Button.Template>                        
                </Button>
                <DataTemplate.Triggers>
                    <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="button">
                        <BeginStoryboard x:Name="OnClick1_BeginStoryboard" Storyboard="{StaticResource OnClick1}"/>
                        <StopStoryboard BeginStoryboardName="OnClick1_BeginStoryboard"/>
                    </EventTrigger>
                </DataTemplate.Triggers>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                    <WrapPanel/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.Template>
            <ControlTemplate>
                <ScrollViewer Margin="5" VerticalScrollBarVisibility="Auto">
                    <ItemsPresenter/>
                </ScrollViewer>
            </ControlTemplate>
        </ItemsControl.Template>
    </ItemsControl>

1 个答案:

答案 0 :(得分:1)

<EventTrigger RoutedEvent="ButtonBase.Click" SourceName="button">
    <BeginStoryboard x:Name="OnClick1_BeginStoryboard" Storyboard="{StaticResource OnClick1}"/>
    <StopStoryboard BeginStoryboardName="OnClick1_BeginStoryboard"/>
</EventTrigger>

你启动故事板并立即停止,这应该如何解决?

相关问题