首页 > 其他分享 >Avalonia/Wpf 实现文字跑马灯效果

Avalonia/Wpf 实现文字跑马灯效果

时间:2024-03-07 10:55:39浏览次数:24  
标签:文字 Avalnia 跑马灯 Wpf WPF Avalonia

WPF:

  <Border
      Width="100"
      Height="30"
      BorderBrush="Black"
      BorderThickness="1">
      <Canvas ClipToBounds="True">
          <TextBlock Text="Hello World" VerticalAlignment="Center">
              <TextBlock.RenderTransform>
                  <TranslateTransform Y="0" />
              </TextBlock.RenderTransform>
              <TextBlock.Triggers>
                  <EventTrigger RoutedEvent="Loaded">
                      <BeginStoryboard>
                          <Storyboard>
                              <DoubleAnimation
                                  RepeatBehavior="Forever"
                                  Storyboard.TargetProperty="RenderTransform.X"
                                  From="150"
                                  To="-250"
                                  Duration="0:0:5" />
                          </Storyboard>
                      </BeginStoryboard>
                  </EventTrigger>
              </TextBlock.Triggers>
          </TextBlock>
      </Canvas>
  </Border>

Avalnia:

  <Border
      Width="100"
      Height="30"
      BorderBrush="Black"
      BorderThickness="1">
      <Canvas ClipToBounds="True">
          <TextBlock HorizontalAlignment="Center" Text="Hello World">
              <TextBlock.Styles>
                  <Style Selector="TextBlock">
                      <Style.Animations>
                                <!--IterationCount="INFINITE" 要无限次地重复动画,请使用特殊值 INFINITE-->
                          <Animation IterationCount="INFINITE" Duration="0:0:13">
                              <KeyFrame Cue="0%">
                                  <Setter Property="TranslateTransform.X" Value="200" />
                              </KeyFrame>
                              <KeyFrame Cue="100%">
                                  <Setter Property="TranslateTransform.X" Value="-100" />
                              </KeyFrame>
                          </Animation>
                      </Style.Animations>
                  </Style>
              </TextBlock.Styles>
          </TextBlock>
      </Canvas>
  </Border>

 

标签:文字,Avalnia,跑马灯,Wpf,WPF,Avalonia
From: https://www.cnblogs.com/-Timosthetic/p/18058404

相关文章

  • 哪都通-网络代理小工具(wpf/avalonia上手小项目)
    废话不多说直接上链接:anywhere:哪都通(gitee.com)先是用wpf小试牛刀,做了第一版,但咱是个有野心的人,Windows、MacOS、Linux全都要,后面就用Avalonia重构了第二版。抛砖引玉,献丑了:)祝各位使用愉快^_^ wpf版本: MaterialDesignThemes+ Prism Avalonia版本:AvaloniaUI+Rea......
  • 记录一次WPF命令参数报错,InvalidCastException: T for DelegateCommand<T> is not an
    在使用WPF的时候对int或者bool类型进行绑定出现InvalidCastException:TforDelegateCommandisnotanobjectnorNullable.<ButtonWidth="200"Height="30"Content="按钮"Command="{BindingOpenCommand}"CommandParameter="{Binding......
  • WPF 父子窗体间传值
    WPF父子窗体间传值1.父->子1.1.父窗体.cspublicpartialclassMainWindow:Window{publicMainWindow(){InitializeComponent();}publicvoidMainWindow_OnLoaded(objectsender,RoutedEventArgse){ChildrenWindowchildren=newChildrenWind......
  • wpf 3D,Viewort3D,
    <Windowx:Class="WpfApp5.Views.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.micro......
  • WPF 样式与模板
    参考样式和模板如何为控件创建样式如何为控件创建模板ContentPresenter环境软件/系统版本说明WindowsWindows10专业版22H219045.4046MicrosoftVisualStudioMicrosoftVisualStudioCommunity2022(64位)-17.6.5Microsoft.NetSDK8.0.10......
  • WPF 应用迁移到 Electron 框架过程记录
    前一段时间我用WPF开发了一个查看emoji表情的小工具https://github.com/he55/EmojiViewer,由于最近我使用macOS系统比较多,我想能在macOS系统上也能使用这个工具。于是我尝试将WPF应用迁移到Electron框架,感觉这个框架很强大,在这里记录一下应用迁移的过程。安装Elec......
  • 浅谈WPF之Binding时数据校验和类型转换
    在WPF开发中,Binding实现了数据在Source和Target之间的传递和流通,就像现实生活中的一条条道路,建立起了城镇与城镇之间的衔接,而数据校验和类型转换,就像高速公路之间的收费站和安检站。那在WPF开发中,如何实现数据的校验和类型转换呢?本文以一个简单的小例子,简述在WPF开发中,实现数据校......
  • 触控:WPF捕捉触控事件
    1注册触控事件2注册键盘事件3注册鼠标点击事件4注册鼠标滚轮事件usingSystem;usingSystem.Diagnostics;usingSystem.Threading.Tasks;usingSystem.Windows;usingSystem.Windows.Input;namespaceWindows{///<summary>///触控源///</summar......
  • 解决WPF下popup不随着window一起移动的问题
    解决WPF下popup不随着window一起移动的问题_小戴BOTAOY演示博客(yii666.com)///<summary>///Popup帮助类,解决Popup设置StayOpen="True"时,移动窗体或者改变窗体大小时,Popup不随窗体移动的问题///</summary>publicclassPopopHelper{publicstaticDependency......
  • 在Avalonia项目中使用MediatR和MS.DI库实现事件驱动通信
    大家好,我是沙漠尽头的狼!AvaloniaUI是一个强大的跨平台.NET客户端开发框架,让开发者能够针对Windows、Linux、macOS、Android和iOS等多个平台构建应用程序。在构建复杂的应用程序时,模块化和组件间的通信变得尤为重要。Prism框架提供了模块化的开发方式,支持插件的热拔插,而MediatR则......