
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"/>
</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...
}사용
애니메이션을 사용하려면 라인의 DataContext에 LineViewModel 개체를 추가할 수 있습니다. ListBox. Animate 속성을 사용하여 애니메이션을 시작하거나 중지할 수 있습니다.
결론
위에 설명된 기술을 사용하면 C#/ XAML을 사용하지 않는 WPF 프로젝트입니다. 타이머 기반 접근 방식은 애니메이션의 속도와 동작을 제어하는 간단하고 유연한 방법을 제공합니다.
위 내용은 코드를 사용하여 C# WPF 캔버스에서 선 그리기에 애니메이션을 적용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!