码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标悬浮,闪烁动画;绑定变量,闪烁动画

时间:2019-12-13 13:39:59      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:end   tac   read   模拟   windows   cli   html   action   form   

原文:鼠标悬浮,闪烁动画;绑定变量,闪烁动画

前端代码

技术图片
 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="450" Width="800">
 9     <Grid>
10         <StackPanel>
11             <TextBlock Margin="5" 
12                        Text="test"
13                        FontSize="28"
14                        FontWeight="Bold">
15                 <TextBlock.Foreground>
16                     <SolidColorBrush Color="Black"/>
17                 </TextBlock.Foreground>
18                 <TextBlock.Style>
19                     <Style TargetType="TextBlock">
20                         <Style.Triggers>
21                             <EventTrigger RoutedEvent="TextBlock.MouseEnter">
22                                 <EventTrigger.Actions>
23                                     <BeginStoryboard Name="aa">
24                                         <Storyboard>
25                                             <ColorAnimation From="Black" 
26                                                             To="Red" 
27                                                             RepeatBehavior="Forever" 
28                                                             Duration="0:0:0.5" 
29                                                             Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)" />
30                                         </Storyboard>
31                                     </BeginStoryboard>
32                                 </EventTrigger.Actions>
33                             </EventTrigger>
34                             <EventTrigger RoutedEvent="TextBlock.MouseLeave">
35                                 <EventTrigger.Actions>
36                                     <StopStoryboard BeginStoryboardName="aa"/>
37                                 </EventTrigger.Actions>
38                             </EventTrigger>
39 
40                             <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:Window3},Path=IsSelected}" Value="true">
41                                 <DataTrigger.EnterActions>
42                                     <BeginStoryboard Name="bb">
43                                         <Storyboard>
44                                             <ColorAnimation From="Green" 
45                                                             To="Yellow" 
46                                                             RepeatBehavior="Forever" 
47                                                             Duration="0:0:0.5" 
48                                                             Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)" />
49                                         </Storyboard>
50                                     </BeginStoryboard>
51                                 </DataTrigger.EnterActions>
52                             </DataTrigger>
53                             <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:Window3},Path=IsSelected}" Value="false">
54                                 <DataTrigger.EnterActions>
55                                     <StopStoryboard BeginStoryboardName="bb" />
56                                 </DataTrigger.EnterActions>
57                             </DataTrigger>
58                         </Style.Triggers>
59                     </Style>
60                 </TextBlock.Style>
61             </TextBlock>
62         </StackPanel>
63     </Grid>
64 </Window>
技术图片

效果已经实现,后端代码协助调试,变量的绑定而已,模拟现实操心,2秒后绑定值变动

技术图片
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Text;
 5 using System.Threading;
 6 using System.Threading.Tasks;
 7 using System.Windows;
 8 using System.Windows.Controls;
 9 using System.Windows.Data;
10 using System.Windows.Documents;
11 using System.Windows.Input;
12 using System.Windows.Media;
13 using System.Windows.Media.Imaging;
14 using System.Windows.Shapes;
15 
16 namespace WpfApp2
17 {
18     /// <summary>
19     /// Window3.xaml 的交互逻辑
20     /// </summary>
21     public partial class Window3 : Window
22     {
23         public Window3()
24         {
25             InitializeComponent();
26 
27             Thread th = new System.Threading.Thread(() =>
28             {
29                 while (true)
30                 {
31                     Thread.Sleep(2000);
32                     Dispatcher.Invoke(() =>
33                     {
34                         IsSelected = true;
35                     });
36                     Thread.Sleep(3000);
37                     Dispatcher.Invoke(() =>
38                     {
39                         IsSelected = false;
40                     });
41                 }
42             });
43             th.IsBackground = true;
44             th.Start();
45         }
46 
47         public bool IsSelected
48         {
49             get { return (bool)GetValue(IsSelectedProperty); }
50             set { SetValue(IsSelectedProperty, value); }
51         }
52 
53         public static readonly DependencyProperty IsSelectedProperty =
54             DependencyProperty.Register("IsSelected", typeof(bool), typeof(Window3), new PropertyMetadata(false));
55     }
56 }
技术图片

 

鼠标悬浮,闪烁动画;绑定变量,闪烁动画

标签:end   tac   read   模拟   windows   cli   html   action   form   

原文地址:https://www.cnblogs.com/lonelyxmas/p/12034553.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!