WPF实现虚线流动效果

最新推荐文章于 2024-11-21 16:04:25 发布

灰色年华

最新推荐文章于 2024-11-21 16:04:25 发布

阅读量1.3k

点赞数 3

分类专栏： WPF C# 文章标签： wpf c#

本文链接：https://blog.youkuaiyun.com/barry_hui/article/details/128827290

版权

本文介绍如何在WPF中使用C#实现虚线流动的设备充放电效果，可自由控制流动方向和停止。通过后台代码进行效果控制，前端使用Path对象绘制任意样式Path。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在工作的项目中遇到一个需求，要虚线段实现设备的充放电效果，并且可以自由控制流动方向和停止，因此用后台代码实现流动效果控制。效果如下：
在这里插入图片描述

前台代码： Path对象是用Blend随便画的，可以是任意样式Path

<Window x:Class="WpfApp2.Control.FlowWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp2.Control"
        mc:Ignorable="d"
        Title="FlowWindow" Height="450" Width="600">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="100"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal">
            <Button Click="Button_Click" Width="50" Height="30" Content="充电" Margin="50,0,0,0"></Button>
            <Button Click="Button_Click_1" Width="50" Height="30" Content="放电" Margin="50,0,0,0"></Button