WPF用Blend写的交通信号灯
来源:互联网 发布:文玩网络交易平台 编辑:程序博客网 时间:2024/05/17 01:55
用Blend写WPF界面和Behavior特别方便,下面是我写的一个交通信号灯,用Blend写完后代码直接Copy到wpf窗体就可以了。
1.打开Blend做一个矩形和三个圆形,然后分别填充颜色,把矩形的四角编程圆角;
2.添加时间动画并设置动画循环显示:
3.xaml代码如下:
<Window x:Class="wpf红绿灯.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="106.879" Width="218.457"> <Window.Resources> <Storyboard x:Key="Storyboard1" AutoReverse="True" RepeatBehavior="Forever"> <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse1"> <EasingColorKeyFrame KeyTime="0:0:0.4" Value="sc#1, 0.004391442, 0.004024717, 0.004024717"/> <EasingColorKeyFrame KeyTime="0:0:0.9" Value="#FFF9FF00"/> <EasingColorKeyFrame KeyTime="0:0:1.5" Value="sc#1, 0.004391442, 0.004024717, 0.004024717"/> </ColorAnimationUsingKeyFrames> <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse2"> <EasingColorKeyFrame KeyTime="0:0:0.4" Value="#FF1B1C1B"/> <EasingColorKeyFrame KeyTime="0:0:0.9" Value="#FF0F0E0E"/> <EasingColorKeyFrame KeyTime="0:0:2" Value="#FF1DFF00"/> </ColorAnimationUsingKeyFrames> <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="ellipse"> <EasingColorKeyFrame KeyTime="0:0:0.9" Value="#FF0F0E0E"/> </ColorAnimationUsingKeyFrames> </Storyboard> </Window.Resources> <Window.Triggers> <EventTrigger RoutedEvent="FrameworkElement.Loaded"> <BeginStoryboard Storyboard="{StaticResource Storyboard1}"/> </EventTrigger> </Window.Triggers> <Grid x:Name="grid"> <Rectangle Fill="#FF0063FF" HorizontalAlignment="Left" Height="65" Margin="6,6,0,0" Stroke="Black" VerticalAlignment="Top" Width="202" RadiusY="13.394" RadiusX="13.394"/> <Ellipse x:Name="ellipse" Fill="#FFFF0006" HorizontalAlignment="Left" Height="57" Margin="11,10,0,0" Stroke="Black" VerticalAlignment="Top" Width="56"/> <Ellipse x:Name="ellipse1" Fill="#FF070707" HorizontalAlignment="Left" Height="57" Margin="77,10,0,0" Stroke="Black" VerticalAlignment="Top" Width="56"/> <Ellipse x:Name="ellipse2" Fill="#FF101111" HorizontalAlignment="Left" Height="57" Margin="145,10,0,0" Stroke="Black" VerticalAlignment="Top" Width="56"/> </Grid></Window>
4.最后效果如图:
下面这个是竖着的效果图:
0 0
- WPF用Blend写的交通信号灯
- 交通信号灯
- 交通信号灯
- WPF-利用Blend写的平面控制闸门开关动画
- 最简单的单片机交通信号灯
- 单片机交通信号灯程序
- 模拟交通信号灯
- 黑马程序员--交通信号灯
- 交通信号灯系统
- 交通信号灯Proteus仿真
- java(交通信号灯系统)
- JS实现交通信号灯
- 【51单片机学习笔记】基于STC89C52制作的交通信号灯
- 用观察者模式设计一个交通信号灯调度系统
- 智能交通信号灯管理系统
- 小项目_交通信号灯
- (黑马程序员)交通信号灯系统
- 交通信号灯管理系统总结
- android AsyncTask学习
- VC++实现程序全屏显示
- 竞争对手中的PHP
- Java 编程读写 Hadoop Sequence 类型文件
- PHP的先进之处
- WPF用Blend写的交通信号灯
- 细说目录分隔符
- php扩展安装Api Version不匹配问题
- NSThread
- 获取时间里的年
- 【个人心得】js绑定事件 执行顺序问题平
- 设备参数MAC地址在uboot和linux保持一致
- dojo 资源收集
- js radio checkbox onchange事件在IE与FF的处理