WPF特效：流光动画效果

最新推荐文章于 2024-06-09 23:27:34 发布
最新推荐文章于 2024-06-09 23:27:34 发布
阅读量112 收藏
点赞数
文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43163153/article/details/133048331
版权

WPF特效——流光动画效果

一、代码

 <Window.Resources>  
     <!--外-->
        <Storyboard x:Key="Storyboard1" RepeatBehavior="Forever">
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(LinearGradientBrush.StartPoint)" 
                                          Storyboard.TargetName="rectangle">
                <EasingPointKeyFrame KeyTime="0:0:0.5" Value="0.855,0.148"/>
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.852,0.855"/>
                <EasingPointKeyFrame KeyTime="0:0:1.5" Value="0.148,0.855"/>
                <EasingPointKeyFrame KeyTime="0:0:2" Value="0.144,0.149"/>
                <EasingPointKeyFrame KeyTime="0:0:2.5" Value="0,0"/>

            </PointAnimationUsingKeyFrames>
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(LinearGradientBrush.EndPoint)" 
                                          Storyboard.TargetName="rectangle">
                <EasingPointKeyFrame KeyTime="0:0:0.5" Value="0.145,0.852"/>
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.148,0.145"/>
                <EasingPointKeyFrame KeyTime="0:0:1.5" Value="0.852,0.145"/>
                <EasingPointKeyFrame KeyTime="0:0:2" Value="0.856,0.851"/>
                <EasingPointKeyFrame KeyTime="0:0:2.5" Value="0,1"/>

            </PointAnimationUsingKeyFrames>
        </Storyboard>
     <!--中-->
        <Storyboard x:Key="Storyboard2" RepeatBehavior="Forever">
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(LinearGradientBrush.StartPoint)" 
                                          Storyboard.TargetName="rectangle1">
                <EasingPointKeyFrame KeyTime="0:0:0.5" Value="0.855,0.148"/>
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.852,0.855"/>
                <EasingPointKeyFrame KeyTime="0:0:1.5" Value="0.148,0.855"/>
                <EasingPointKeyFrame KeyTime="0:0:2" Value="0.144,0.149"/>
                <EasingPointKeyFrame KeyTime="0:0:2.5" Value="0,0"/>

            </PointAnimationUsingKeyFrames>
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(LinearGradientBrush.EndPoint)" 
                                          Storyboard.TargetName="rectangle1">
                <EasingPointKeyFrame KeyTime="0:0:0.5" Value="0.145,0.852"/>
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.148,0.145"/>
                <EasingPointKeyFrame KeyTime="0:0:1.5" Value="0.852,0.145"/>
                <EasingPointKeyFrame KeyTime="0:0:2" Value="0.856,0.851"/>
                <EasingPointKeyFrame KeyTime="0:0:2.5" Value="0,1"/>

            </PointAnimationUsingKeyFrames>
        </Storyboard>
     <!--内-->
        <Storyboard x:Key="Storyboard3" RepeatBehavior="Forever">
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(LinearGradientBrush.StartPoint)" 
                                          Storyboard.TargetName="rectangle2">
                <EasingPointKeyFrame KeyTime="0:0:0.5" Value="0.855,0.148"/>
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.852,0.855"/>
                <EasingPointKeyFrame KeyTime="0:0:1.5" Value="0.148,0.855"/>
                <EasingPointKeyFrame KeyTime="0:0:2" Value="0.144,0.149"/>
                <EasingPointKeyFrame KeyTime="0:0:2.5" Value="0,0"/>

            </PointAnimationUsingKeyFrames>
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(LinearGradientBrush.EndPoint)" 
                                          Storyboard.TargetName="rectangle2">
                <EasingPointKeyFrame KeyTime="0:0:0.5" Value="0.145,0.852"/>
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.148,0.145"/>
                <EasingPointKeyFrame KeyTime="0:0:1.5" Value="0.852,0.145"/>
                <EasingPointKeyFrame KeyTime="0:0:2" Value="0.856,0.851"/>
                <EasingPointKeyFrame KeyTime="0:0:2.5" Value="0,1"/>

            </PointAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>
    <Window.Triggers>
        <!--外-->
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource Storyboard1}"/>
        </EventTrigger>
        <!--中-->
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource Storyboard2}"/>
        </EventTrigger>
        <!--内-->
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource Storyboard3}"/>
        </EventTrigger>
    </Window.Triggers>
    <Grid> 
        <!--外-->
        <Rectangle x:Name="rectangle" Width="300" Height="300" 
                   StrokeThickness="3">
            <Rectangle.Stroke>
                <LinearGradientBrush  Opacity="0.6">
                    <GradientStop Color="Transparent" Offset="0"/>
                    <GradientStop Color="Violet"  Offset="1"/>
                </LinearGradientBrush>
            </Rectangle.Stroke>

        </Rectangle>
        <!--中-->
        <Rectangle x:Name="rectangle1" Width="200" Height="200" 
                   StrokeThickness="3">
            <Rectangle.Stroke>
                <LinearGradientBrush  Opacity="0.6">
                    <GradientStop Color="Transparent" Offset="0"/>
                    <GradientStop Color="Green"  Offset="1"/>
                </LinearGradientBrush>
            </Rectangle.Stroke>

        </Rectangle>
        <!--内-->
        <Rectangle x:Name="rectangle2" Width="100" Height="100" 
                   StrokeThickness="3">
            <Rectangle.Stroke>
                <LinearGradientBrush  Opacity="0.6">
                    <GradientStop Color="Transparent" Offset="0"/>
                    <GradientStop Color="red"  Offset="1"/>
                </LinearGradientBrush>
            </Rectangle.Stroke>

        </Rectangle>

    </Grid>

二、特效

(可惜现在本机没有安装生成Gif图片的软件)

码农阿亮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF 动画闪烁效果
韬光养晦
01-13 6700
WPF 动画闪烁效果 一、按钮外边缘呼吸闪烁 点击触发效果； 代码： <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.c
WPF Canvas 效果 3D 立体发光效果 DNA 卷动
05-12
WPF Canvas 效果 3D 立体发光效果 DNA 卷动
【WPF 实例】实现文本描边+外发光效果的示例代码
最新发布
StupidLittle的博客
06-09 75
这篇文章主要介绍了如何利用WPF实现文本描边以及外发光的效果，文中的示例代码讲解详细，对我们学习有一定帮助，需要的可以参考一下。（1）描边效果可以将文本字符串用GDI+生成Bitmap，然后转成BitmapImage，再用WPF的Image控件显示。优化点：可以将FancyText封装成自定义控件，定义描边大小，颜色值等依赖属性，直接为WPF使用。转载内容，补充学习知识库，如有问题请及时联系，将及时下架。（2）外发光效果用WPF自带的Effect实现。
[C#]WPF 3D光效
微小冷的学习笔记
04-21 1484
前情提要 WPF 3D初步 用键盘控制相机视角 用鼠标控制相机视角 为你的二次元老婆们做个3D画廊 用C#搓一个地球 尽管生成了个地球，但总感觉哪里有些不对，关键在于光给得太平均了，自东至西，地球所有的地方都是同样的亮度，这显然是不合常理的。 之所以会出现这个问题，乃因我们一直采用的光效是AmbientLight，这种光效的特点就是统一照明所有对象。为了让地球转起来更加真实，或许来一个点光源比较好，毕竟太阳就是一个点。 结果使用点光源之后，效果如下 代码很容易修改，即在坐标为(5,−2,5)(5,-2
WPF演示 实现发光的字体和模糊按钮
12-23
WPF是微软的新一代图形开发技术，主要是基于Directx技术。使用WPF，可以非常容易的创建各种特效。基于GDI/GDI+开发则非常的困难
WPF 控件的外发光效果的简单实现
01-30 2106
主要是利用DropShadowEffect 具体数值设置如下 <DropShadowEffect ShadowDepth="0" BlurRadius="10" Color="#FFA7D1E2" /> 颜色和宽度可以自行调整 效果如图 ...
实现了当移近按钮的时候，按钮显现外发光的特效，用WPF实现比较容易。
杨航的专栏
11-01 1950
Window.Resources>          Style TargetType="{x:Type Button}">              Style.Triggers>                  Trigger Property="IsMouseOver" Value="True">                                            Set
wpf动画集锦 wpf特效集锦 wpf炫酷动画集锦 wpf炫酷特效集锦
09-11
在本文中，我们将深入探讨WPF（Windows Presentation Foundation）中的动画和特效，这些效果在标题和描述中有所提及。WPF是.NET Framework的一部分，它提供了一个丰富的用户界面平台，允许开发者创建具有高度交互性...
WPF弹出遮罩动画效果控件
05-17
总结起来，创建一个WPF弹出遮罩动画效果控件需要对WPF动画机制有深入理解，包括`Storyboard`、`DoubleAnimation`和`VisualStateManager`的使用。通过这个过程，开发者可以创建出引人注目的交互式用户界面，提高应用...
WPF实现画线动画效果
01-20
本文实例为大家分享了WPF实现画线动画的具体代码，供大家参考，具体内容如下 需求：一条直线（不是曲线），模范笔画一样在画布上逐渐画出来。但前提是，用后台代码实现，并非WPF标签 效果： 上代码： /// ///...
WPF图片动画效果切换
11-01
在Windows Presentation Foundation (WPF) 中，实现图片的动画效果切换是一种常见的视觉增强技术，能够为用户界面增添动态感和吸引力。WPF 提供了强大的图形渲染和动画框架，使得开发者能够轻松创建出复杂的视觉效果...
边框发光，wpf技术支持
02-10
边框发光，wpf技术支持。可以给图片添加边框，还能使边框发光。都是WPF的技术
WPF水波动画
08-03
通过使用各种图形组合，绘制出一个完整的图形，然后利用贝塞尔曲线和帧动画，实现了类似与水流动的动画效果
WPF3D雨滴动画源码
11-20
WPF3D雨滴动画源码项目描述一个小WPF应用，使用3D实现雨点落入水中的动画。三个控制雨滴的滑动条：NumDrops雨滴数量–控制雨滴落下的速度.平均时间是35ms.滑块允许你改变频率,时间范围是1ms到1000ms.(平均)DropStrength落下强度–控制
WPF 窗体跳转动画 及按钮特效
01-08
你可以通过设置其属性，如`Visibility`或`RenderTransform`来实现动画效果。 3. 添加一个或多个Timeline到Storyboard中，每个Timeline代表动画的一个阶段。例如，可以使用`DoubleAnimation`来改变窗体的位置或大小。...
wpf 动画显示隐藏_[UWP]用Win2D和CompositionAPI实现文字的发光效果，并制作动画
weixin_39880899的博客
12-11 535
1. 成果献祭了周末的晚上，成功召唤出了上面的番茄钟。正当我在感慨“不愧是Shadow大人，这难道就是传说中的五彩斑斓的黑？”“那才不是什么阴影效果，那是发光效果。”被路过的老婆吐槽了。系系系，老婆说的都系对的。我还以为我在做阴影动画，现在只好改博客标题了？要实现上面的动画效果，首先使用CompositionDrawingSurface，在它上面用DrawTextLayout画出文字，然后用Gau...
WPF图形效果与滤镜
琅嬛福地
11-23 172
在WPF（Windows Presentation Foundation）中，图形效果和滤镜主要是通过Effect类及其子类来实现的。这些效果提供了丰富的视觉处理功能，允许在UI元素上应用各种滤镜效果，如阴影、模糊、发光等。Effect类使用的是GPU加速的像素着色器，因此，与早期的BitmapEffect类相比，它们提供了更好的性能和更高的图形质量。以下是WPF中提供的一些主要图形效果：BlurEffect: 应用模糊效果，可以通过调整Radius属性来控制模糊程度。
【朝夕教育】2023年08月 WPF+上位机+工业互联 030-图形渲染（效果）
微软MVP Eleven
08-17 99
图形效果指的是对图像或图形进行改变，以创造出特定的视觉效果或增强图像的可读性、可视性或吸引力的技术。图形效果可以通过设计软件中的工具和过滤器来实现，例如，在Photoshop中，有很多图形效果可用于通过改变图像亮度、对比度、色彩、模糊、锐化、变形和相片蒙太奇等方式来改变图像外观。在设计中，图形效果是创造出吸引人的设计、提高视觉吸引力、增强用户体验和表现力的重要方面，这种技术可以应用于网站、应用程序、平面设计、广告、印刷品等方面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值