来瞧瞧,WPF 炫酷走马灯!

🚀 优质资源分享 🚀

学习路线指引(点击解锁) 知识定位 人群定位
🧡 Python实战微信订餐小程序 🧡 进阶级 本课程是python flask+微信小程序的完美结合,从项目搭建到腾讯云部署上线,打造一个全栈订餐系统。
💛Python量化交易实战💛 入门级 手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

来瞧瞧,WPF 炫酷走马灯!

控件名:SpotLight

作者:WPFDevelopersOrg

原文链接: https://github.com/WPFDevelopersOrg/WPFDevelopers

  • 框架使用大于等于.NET40
  • Visual Studio 2022;
  • 项目使用 MIT 开源许可协议;
  • Canvas做容器方便针对文本TextBlock做裁剪Clip动画操作;
  • Canvas内部创建两个TextBlock
  • 第一个做为背景字体设置字体颜色为浅灰Foreground="#323232",也可以通过依赖属性设置DefaultForeground
  • 第二个字体设置会彩虹色当聚光灯走到某个区域后并显示;
  • Duration可设置动画的从左到右的时长,默认3秒;
  • 根据字体的实际宽度ActualWidth做动画展示从左到右并循环Forever播放;

1)SpotLight.cs 代码如下;

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Animation;

namespace WPFDevelopers.Controls
{
    [TemplatePart(Name = TextBlockBottomTemplateName, Type = typeof(TextBlock))]
    [TemplatePart(Name = TextBlockTopTemplateName, Type = typeof(TextBlock))]
    [TemplatePart(Name = EllipseGeometryTemplateName, Type = t
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF(Windows Presentation Foundation)是一种面向Windows应用程序的用户界面框架,它提供了丰富的图形、视觉和多媒体效果。在WPF中实现滚动图片走马灯效果有以下几个步骤: 1. 首先,我们需要创建一个WPF应用程序,可以使用Visual Studio创建一个新的WPF项目。 2. 在XAML文件中,我们可以使用StackPanel或者WrapPanel等布局容器来容纳图片元素并实现横向排列。我们可以使用Image控件来添加需要滚动显示的图片。 3. 接下来,我们需要为图片设置滚动动画效果。可以使用WPF的动画系统来实现。比如,我们可以使用DoubleAnimation来改变图片的Margin属性,模拟图片的平移动画效果。 4. 在代码中,我们可以使用Storyboard来定义动画效果,并将动画应用于Image控件。我们可以设置动画重复播放,使得图片形成一个无限滚动的效果。 5. 为了实现无缝滚动效果,我们可以在动画结束时将图片重新放置到起始位置,形成一个循环滚动的效果。可以使用动画的Completed事件来监听动画的完成。在动画完成时,我们可以根据需要重新设置图片的位置。 6. 最后,我们可以通过控制动画的开始和停止来控制滚动图片走马灯的播放。可以使用按钮或者定时器来触发动画的开始和停止。 通过以上几个步骤,我们可以实现一个基本的WPF滚动图片走马灯效果。可以根据需要调整图片滚动的速度、方向以及其他动画效果,以满足具体的设计要求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值