zoukankan      html  css  js  c++  java
  • WPF图标旋转的动画

    模仿迅雷和腾讯电脑管家,鼠标移动到关闭按钮上时,产生的动画效果   

    xaml代码:

    <Window x:Class="TkHost.Views.ImageButtonView"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            WindowStartupLocation="CenterScreen"
            Title="ImageButtonView" Height="300" Width="300">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="30" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
    
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" >
                <Image Width="32" Height="32" Source="/Images/close.png"
                         ToolTip="关闭" 
                       MouseLeftButtonDown="Image_MouseLeftButtonDown">
                    <Image.RenderTransform>
                        <RotateTransform x:Name="imgTransform"
                                         CenterX="15"
                                         CenterY="15"
                                         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>
                        <EventTrigger RoutedEvent="Image.MouseLeave">
                            <BeginStoryboard HandoffBehavior="Compose">
                                <Storyboard >
                                    <DoubleAnimation
                                    Storyboard.TargetName="imgTransform"
                                    Storyboard.TargetProperty="Angle" 
                                    By="-90" Duration="0:0:.2" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Image.Triggers>
                </Image>
            </StackPanel>
        </Grid>
    </Window>

    cs代码:

        public partial class ImageButtonView : Window
        {
            public ImageButtonView()
            {
                InitializeComponent();
            }
    
            private void Image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
            {
                MessageBox.Show("你好啊");
            }
        }
  • 相关阅读:
    C语言第十一讲,预处理命令.
    C语言第十讲,枚举类型简单说明
    C语言第九讲,结构体
    C语言第八讲,指针*
    C语言第七讲,函数入门.
    C语言第六讲,数组
    C语言第五讲,语句 顺序循环选择.
    C语言第四讲,typedef 关键字,以及作用域
    C语言第三讲,基本数据类型
    64位内核第二讲,进程保护之对象钩子
  • 原文地址:https://www.cnblogs.com/ouyangqiao/p/5632729.html
Copyright © 2011-2022 走看看