如何使用代码在 C# WPF 画布上绘制线条动画？

用 C# 在画布上创建动画线条

在本文中，我们将探索如何创建逐渐绘制的线条动画使用代码而不是 C#/WPF 项目中的画布XAML。

实现

实现涉及在 ListBox 中使用 Canvas 来创建线条。每条线都由 LineViewModel 表示，其中包含坐标、颜色、粗细和不透明度等属性。

计时器用于随时间更新线坐标，从而为线在画布上的移动设置动画。 AnimationSpeed 属性控制动画的速度。

XAML 代码

ListBox 及其项目模板的 XAML 如下所示：

<listbox itemssource="{Binding}" x:name="lst" height="500" width="500">
    <listbox.itemspanel>
        <itemspaneltemplate>
            <canvas isitemshost="True"></canvas>
        </itemspaneltemplate>
    </listbox.itemspanel>
    <listbox.itemcontainerstyle>
        <style targettype="ListBoxItem">
            <Setter Property="FocusVisualStyle">
                <Setter.Value>
                    <Style TargetType="Control">
                        <Setter Property="Opacity" Value="0"/>
                    </style>
                
            
            <setter property="Template">
                <setter.value>
                    <controltemplate targettype="ListBoxItem">
                        <line x1="{Binding X1}" y1="{Binding Y1}" x2="{Binding X2}" y2="{Binding Y2}" strokethickness="{Binding Thickness}" opacity="{Binding Opacity}" x:name="Line">
                            <line.stroke>
                                <lineargradientbrush startpoint="0,0" endpoint="1,1">
                                    <gradientstop color="{Binding Color1}" offset="0"></gradientstop>
                                    <gradientstop color="{Binding Color2}" offset="1"></gradientstop>
                                </lineargradientbrush>
                            </line.stroke>
                        </line>
                        <controltemplate.triggers>
                            <trigger property="IsSelected" value="true">
                                <setter property="Effect" targetname="Line">
                                    <setter.value>
                                        <dropshadoweffect color="CornflowerBlue" shadowdepth="3" blurradius="10"></dropshadoweffect>
                                    </setter.value>
                                </setter>
                            </trigger>
                        </controltemplate.triggers>
                    </controltemplate>
                </setter.value>
            </setter>
        
    </listbox.itemcontainerstyle>
</listbox>

ViewModel

LineViewModel 类负责管理每行的属性和动画：

public class LineViewModel : INotifyPropertyChanged
{
    // ...properties and animation implementation...
}

用法

要使用动画，可以将 LineViewModel 对象添加到 ListBox 的 DataContext 中。 Animate 属性可用于启动或停止动画。

结论

使用上述技术，您可以在 C#/ 画布上创建动画线条WPF 项目无需借助 XAML。基于计时器的方法提供了一种简单灵活的方法来控制动画的速度和行为。

以上是如何使用代码在 C# WPF 画布上绘制线条动画？的详细内容。更多信息请关注PHP中文网其他相关文章！