Menghidupkan Garisan pada Kanvas WPF dalam C#

Anda boleh mencapai animasi garisan pada kanvas dengan mengemas kini sifat garisan secara dinamik. Berikut ialah pecahan terperinci:

Menggunakan LineViewModel:

Untuk mengurus sifat dan animasi baris, buat kelas LineViewModel yang melaksanakan pengikatan data. Kelas ini mengendalikan nilai koordinat, ketebalan garisan, warna dan kelegapan.

Memulakan dan Menghentikan Animasi:

Sifat Animate mengawal sama ada garisan itu harus bernyawa. Menetapkannya kepada benar memulakan animasi berasaskan pemasa, manakala menetapkannya kepada palsu menghentikannya.

Animasi Berasaskan Pemasa:

Sistem.Threading.Pemasa digunakan untuk mengemas kini koordinat talian secara berkala. Kaedah Timer_Tick() mengira kenaikan rawak pada sifat X1, Y1, X2 dan Y2, dengan berkesan menggerakkan baris.

WPF XAML:

Dalam penanda XAML , tentukan ListBox sebagai bekas untuk baris. Setiap item senarai mengandungi elemen Baris yang terikat pada sifat LineViewModel. Kanvas digunakan sebagai ItemsPanel untuk mengehoskan garisan.

Mengikat pada Sifat Baris:

Kemunculan dan koordinat garisan terikat pada sifat LineViewModel. Sifat X1, Y1, X2 dan Y2 mengawal titik akhir garisan. Sifat Thickness, StrokeThickness, Color1, Color2 dan Opacity mengkonfigurasi saiz, warna dan keterlihatan garisan.

Contoh Kod Lengkap:

Berikut ialah contoh kod yang menunjukkan yang pelaksanaan:

ViewModel:

public class LineViewModel : INotifyPropertyChanged
{
    // ... (Line properties and animation logic)
}

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="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}">
                            <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>
                </Setter.Value>
            </Setter>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

Dengan menggunakan pendekatan yang diterangkan, anda boleh dengan mudah menghidupkan garisan pada kanvas dalam C#/WPF, mencipta visualisasi yang dinamik dan menarik.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghidupkan Garis pada Kanvas WPF Menggunakan C#?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!