用C# 在畫布上建立動(dòng)畫線條

在本文中，我們將探索如何建立逐漸繪製的線條動(dòng)畫使用程式碼而不是C#/WPF 專案中的畫布XAML。

實(shí)作

實(shí)作涉及在 ListBox 中使用 Canvas 來建立線條。每條線都由 LineViewModel 表示，其中包含座標(biāo)、顏色、粗細(xì)和不透明度等屬性。

計(jì)時(shí)器用於隨時(shí)間更新線座標(biāo)，從而為線在畫布上的移動(dòng)設(shè)定動(dòng)畫。 AnimationSpeed 屬性控制動(dòng)畫的速度。

XAML 代碼

ListBox 及其項(xiàng)目模板的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類別負(fù)責(zé)管理每行的屬性和動(dòng)畫：

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

用法

要使用動(dòng)畫，可以將 LineViewModel 物件加入 ListBox 的 DataContext 中。 Animate 屬性可用於啟動(dòng)或停止動(dòng)畫。

結(jié)論

使用上述技術(shù)，您可以在 C#/ 畫布上建立動(dòng)畫線條WPF 專案無需使用 XAML?；队?jì)時(shí)器的方法提供了一種簡單且靈活的方法來控制動(dòng)畫的速度和行為。

以上是如何使用程式碼在 C# WPF 畫布上繪製線條動(dòng)畫？的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！