XAML C# WPF Cách hiệu quả nhất để thực hiện một chuỗi các hoạt ảnh theo thứ tự

Question

Tôi muốn thực hiện một chuỗi các hoạt ảnh trên nhãn, ví dụ, đầu tiên làm hoạt ảnh mờ từ các giá trị 0 đến 1 và ngược lại và ở cuối hoạt ảnh mờ đục và không phải trước hoạt ảnh tiền cảnh. Tôi muốn làm điều đó trong mã XAML và sau đó bắt đầu và kết thúc de hoạt hình từ mã C#. Đó là cách tốt nhất và hiệu quả để làm điều đó?

Tất cả thư trả lời đều được chào đón!

Xin cảm ơn trước.

Answer 1

Cách dễ nhất là xác định toàn bộ hoạt ảnh trong một bảng phân cảnh duy nhất với các thuộc tính BeginTime và Duration phù hợp. Bằng cách này, toàn bộ hoạt ảnh có thể được bắt đầu và dừng lại như một đơn vị, nhưng bạn có thể có các trình tự khác nhau.

Ví dụ:

<Storyboard Duration="0:00:06"> 
    <DoubleAnimation Duration="0:0:4" Storyboard.TargetName="gear1RotateTransform" Storyboard.TargetProperty="Angle" From="-600" To="0"/> 
    <DoubleAnimation Duration="0:0:4" Storyboard.TargetName="gear2RotateTransform" Storyboard.TargetProperty="Angle" From="600" To="0"/> 
    <DoubleAnimation Duration="0:0:4" Storyboard.TargetName="gear3RotateTransform" Storyboard.TargetProperty="Angle" From="-600" To="0"/> 
    <DoubleAnimation BeginTime="0:0:1" Duration="0:00:02" Storyboard.TargetName="firstLetter" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/> 
    <DoubleAnimation BeginTime="0:0:2" Duration="0:00:02" Storyboard.TargetName="secondLetter" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/> 
    <DoubleAnimation BeginTime="0:0:3" Duration="0:00:02" Storyboard.TargetName="thirdLetter" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/> 
    <DoubleAnimation BeginTime="0:0:4" Duration="0:00:02" Storyboard.TargetName="siteLink" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/> 
    <DoubleAnimation BeginTime="0:0:4" Duration="0:00:02" Storyboard.TargetName="siteLinkTop" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0"/> 
</Storyboard> 

kịch bản này thay đổi giá trị trên 3 xoay chuyển trong 4 giây đầu tiên, nhưng opacity trên firstLetter mục không bắt đầu thay đổi cho đến khi sau một giây đã trôi qua và nó chỉ chạy trong 2 giây. Các yếu tố siteLink và siteLinkTop không có độ mờ đục thay đổi cho đến sau 4 giây (và hoạt ảnh xoay bánh răng đã hoàn thành).