• wpf,前端动画demo,鱼眼效果


    如题,鱼眼。特此备注下

     1 <Window x:Class="WpfApp2.Window3"
     2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     4         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     5         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     6         xmlns:local="clr-namespace:WpfApp2"
     7         mc:Ignorable="d"
     8         Title="Window3" Height="370" Width="370">
     9     <Window.Resources>
    10         <Style TargetType="ListBoxItem">
    11             <Setter Property="Foreground">
    12                 <Setter.Value>
    13                     <SolidColorBrush Color="Black" />
    14                 </Setter.Value>
    15             </Setter>
    16             <Setter Property="FontSize" Value="25" />
    17             <Setter Property="HorizontalAlignment" Value="Center" />
    18             <Style.Triggers>
    19                 <EventTrigger RoutedEvent="ListBoxItem.MouseEnter">
    20                     <EventTrigger.Actions>
    21                         <BeginStoryboard Name="aa">
    22                             <Storyboard>
    23                                 <ColorAnimation From="Black" 
    24                                                 To="Red"
    25                                                 Duration="0:0:0.3" 
    26                                                 Storyboard.TargetProperty="(ListBoxItem.Foreground).(SolidColorBrush.Color)" />
    27                                 <DoubleAnimation To="40"
    28                                                  Duration="0:0:0.25" 
    29                                                  Storyboard.TargetProperty="FontSize" />
    30                             </Storyboard>
    31                         </BeginStoryboard>
    32                     </EventTrigger.Actions>
    33                 </EventTrigger>
    34                 <EventTrigger RoutedEvent="ListBoxItem.MouseLeave">
    35                     <EventTrigger.Actions>
    36                         <!--<StopStoryboard BeginStoryboardName="aa"/>-->
    37                         <BeginStoryboard Name="aa1">
    38                             <Storyboard>
    39                                 <ColorAnimation From="Red" 
    40                                                 To="Black"
    41                                                 Duration="0:0:0.25" 
    42                                                 Storyboard.TargetProperty="(ListBoxItem.Foreground).(SolidColorBrush.Color)" />
    43                                 <DoubleAnimation To="25"
    44                                                  Duration="0:0:0.2" 
    45                                                  Storyboard.TargetProperty="FontSize" />
    46                             </Storyboard>
    47                         </BeginStoryboard>
    48                     </EventTrigger.Actions>
    49                 </EventTrigger>
    50 
    51                 <!--绑定外部值 如下:-->
    52                 <!--<DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:Window3},Path=IsSelected}" Value="true">
    53                                 <DataTrigger.EnterActions>
    54                                     <BeginStoryboard Name="bb">
    55                                         <Storyboard>
    56                                             <ColorAnimation From="Green" 
    57                                                             To="Yellow" 
    58                                                             RepeatBehavior="Forever" 
    59                                                             Duration="0:0:0.5" 
    60                                                             Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)" />
    61                                         </Storyboard>
    62                                     </BeginStoryboard>
    63                                 </DataTrigger.EnterActions>
    64                             </DataTrigger>
    65                             <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:Window3},Path=IsSelected}" Value="false">
    66                                 <DataTrigger.EnterActions>
    67                                     <StopStoryboard BeginStoryboardName="bb" />
    68                                 </DataTrigger.EnterActions>
    69                             </DataTrigger>-->
    70             </Style.Triggers>
    71         </Style>
    72     </Window.Resources>
    73     <Grid>
    74         <ListBox>
    75             <ListBoxItem Content="001_我" />
    76             <ListBoxItem Content="002_是" />
    77             <ListBoxItem Content="003_鱼" />
    78             <ListBoxItem Content="004_眼" />
    79             <ListBoxItem Content="005_效" />
    80             <ListBoxItem Content="006_果" />
    81             <ListBoxItem Content="007_。" />
    82             <ListBoxItem Content="008_酷~" />
    83         </ListBox>
    84     </Grid>
    85 </Window>
  • 相关阅读:
    英国下院通过法案允许合成人兽胚胎
    老外关于思考时间的问与答
    性能测试中用LambdaProbe监控Tomcat
    BT下载原理
    汽车维修行业呼吁大学生加入修车行列
    一个女研究生(高级测试工程师)的职业选择
    微软称20日验证Windows与Office 盗版将黑屏 网友评论
    Xbox摇身变NAS:BT的使用问题与性能测试
    李开复建言大学生:求职中不要把钱看得太重
    IBM雇员将罢工15分钟 为抗议公司裁员
  • 原文地址:https://www.cnblogs.com/xuling-297769461/p/12661340.html
Copyright © 2020-2023  润新知