Bagaimana untuk Menghidupkan Lukisan Garisan pada Kanvas C# WPF Menggunakan Kod?

Mencipta Garis Animasi pada Kanvas dalam C#

Dalam artikel ini, kita akan meneroka cara mencipta animasi garisan yang dilukis secara beransur-ansur merentasi kanvas dalam projek C#/WPF menggunakan kod dan bukannya XAML.

Pelaksanaan

Pelaksanaan melibatkan penggunaan Kanvas dalam ListBox untuk mencipta garisan. Setiap baris diwakili oleh LineViewModel yang mengandungi sifat untuk koordinat, warna, ketebalan dan kelegapan.

Pemasa digunakan untuk mengemas kini koordinat garisan dari semasa ke semasa, menghidupkan pergerakan garisan merentasi kanvas. Sifat AnimationSpeed ​​mengawal kelajuan animasi.

Kod XAML

XAML untuk ListBox dan templat itemnya kelihatan seperti berikut:

<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

Kelas LineViewModel bertanggungjawab untuk menguruskan sifat dan animasi setiap baris:

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

Penggunaan

Untuk menggunakan animasi, anda boleh menambah objek LineViewModel pada DataContext ListBox. Sifat Animate boleh digunakan untuk memulakan atau menghentikan animasi.

Kesimpulan

Menggunakan teknik yang diterangkan di atas, anda boleh mencipta garis animasi pada kanvas dalam C#/ Projek WPF tanpa menggunakan XAML. Pendekatan berasaskan pemasa menyediakan cara yang mudah dan fleksibel untuk mengawal kelajuan dan tingkah laku animasi.

Atas ialah kandungan terperinci Bagaimana untuk Menghidupkan Lukisan Garisan pada Kanvas C# WPF Menggunakan Kod?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!