My OperaAnimations in XAML and Silverlight
Monday, May 19, 2008 3:05:50 AM
Animations là một khía cạnh quan trọng của XAML và Silverlight, mà nó trình bày sức mạnh của chúng tới tất cả các nhà phát triển. Những người đã từng viết animation cho
các giao diện người dùng cũ hơn. Trong XAML, animations được khai báo dễ dàng và tùy ý. Trong bài viết này, Tôi sẽ giới thiệu tới các bạn về animations trong XAML và Silverlight.
các giao diện người dùng cũ hơn. Trong XAML, animations được khai báo dễ dàng và tùy ý. Trong bài viết này, Tôi sẽ giới thiệu tới các bạn về animations trong XAML và Silverlight.
Quá trình viết một animation chung, giống như thay đổi màu sắc, biến đổi hình, etc., thực sự dễ dàng. Bạn có thể bắt đầu một animation khi một sự kiện chỉ định xuất hiện. Để làm việc này bạn chỉ cần đơn giản sử dụng một trigger mà nó chạy animation khi một RoutedEvent chỉ định xuất hiện. XAML sử dụng các phần tử Storyboard để tạo một animation. Mỗi Storyboard chứa một trong các kiểu animation khác nhau. Một trong các khía cạnh quan trọng nhất của các animations là timing. Nó có nghĩa là các nhà phát triển sẽ tính toán thời gian mà một animation di chuyển từ một trạng thái này tới trạng thái khác và thực thể thời gian mà một animation nhận được. Đây không phải là nhiệm vụ dễ dàng để hoàn thành trong các giao diện đồ họa người dùng hiện tại. Tuy nhiên, Silverlight sẽ giải quyết được vấn đề này và tạo ra một cách dễ dàng để các nhà phát triển không phải lo lắng về nó.
Các phần tử Storyboard có thể được khai báo để chứa animations. Các phần tử Storyboard sẽ nằm bên trong phần tử BeginStoryboard cha. Bạn có thể khai báo vài phần tử Storyboard cho các animations khác nhau bên trong một phần tử BeginStoryboard. Mỗi Storyboard chứa một tập hợp các phần tử kiểu animation mà nó chỉ định kiểu và hoạt động của animation đó. Một phần tử storyboard có hai thuộc tính quan trọng:
+ Storyboard.Targetname: Đây là tên phần tử đích.
+ Storyboard.TargetProperty: Thuộc tính sẽ bị ảnh hưởng tới phần tử đã được chỉ định trong thuộc tính Storyboard.Targetname
Về cơ bản, để lựa chọn animate một kiểu thuộc tính bạn cần chọn một kiểu animation thích hợp. Ví dụ, Nếu muốn animate chiều rộng, bạn nên chọn sử dụng DoubleAnimation. Nếu muốn animate màu sắc, bạn nên sử dụng ColorAnimation.
