用 C# 在畫布上創(chuàng)建動畫線條

在本文中，我們將探索如何創(chuàng)建逐漸繪制的線條動畫使用代碼而不是 C#/WPF 項目中的畫布XAML。

實現(xiàn)

實現(xiàn)涉及在 ListBox 中使用 Canvas 來創(chuàng)建線條。每條線都由 LineViewModel 表示，其中包含坐標、顏色、粗細和不透明度等屬性。

計時器用于隨時間更新線坐標，從而為線在畫布上的移動設置動畫。 AnimationSpeed 屬性控制動畫的速度。

XAML 代碼

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

<ListBox ItemsSource="{Binding}" x:Name="lst" Height="500" Width="500">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas IsItemsHost="True"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="FocusVisualStyle">
                <Setter.Value>
                    <Style TargetType="Control">
                        <Setter Property="Opacity" Value="0"/>
                    </Style>
                </Setter.Value>
            </Setter>
            <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 Color="{Binding Color2}" Offset="1"/>
                                </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"/>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

ViewModel

LineViewModel 類負責管理每行的屬性和動畫：

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

用法

要使用動畫，可以將 LineViewModel 對象添加到 ListBox 的 DataContext 中。 Animate 屬性可用于啟動或停止動畫。

結(jié)論

使用上述技術(shù)，您可以在 C#/ 畫布上創(chuàng)建動畫線條WPF 項目無需借助 XAML?；谟嫊r器的方法提供了一種簡單靈活的方法來控制動畫的速度和行為。

以上是如何使用代碼在 C# WPF 畫布上繪制線條動畫？的詳細內(nèi)容。更多信息請關注PHP中文網(wǎng)其他相關文章！