首页 › WPF › WPF使用Storyboard做个带旋转特效的关闭按钮

菜鸟耕地 发表于 2013-1-3 15:38:31

WPF使用Storyboard做个带旋转特效的关闭按钮

<div id="cnblogs_post_body">见过迅雷7右边广告的关闭按钮，鼠标移上去的话有个旋转90度的效果，感觉挺酷的，于是用WPF也实现了一下。很简单，定义几行XAML就搞定了。WPF做这种效果还是很好使的~~
用SL封装了个效果：
http://go.microsoft.com/fwlink/?LinkId=161376
<div class="cnblogs_code"> <Image Width="20" Height="20" Source="image\close.png"
                     ToolTip="关闭"
                   Opacity="0.5" Canvas.Left="720" Canvas.Top="3"
                   MouseLeftButtonDown="Close_MouseLeftButtonDown">
                <Image.RenderTransform>
                  <RotateTransform x:Name="imgTransform"
                                     CenterX="10"
                                     CenterY="10"
                                     Angle="0"/>
                </Image.RenderTransform>
                <Image.Triggers>
                  <EventTrigger RoutedEvent="Image.MouseEnter">
                        <BeginStoryboard   HandoffBehavior="Compose">
                            <Storyboard >
                              <DoubleAnimation
                  Storyboard.TargetName="imgTransform"
                        Storyboard.TargetProperty="Angle"
                        By="90" Duration="0:0:.2"
                        />
                            </Storyboard>
                        </BeginStoryboard>
                  </EventTrigger>
                </Image>

查看完整版本: WPF使用Storyboard做个带旋转特效的关闭按钮