zunia.vn

Tuyển sinh 2024 dành cho Gen-Z

zunia.vn

» Công Nghệ Thông Tin

» Kỹ thuật lập trình

Bài giảng Lập trình Windows Phone (Module 2): Bài 9 - Trần Duy Thanh

Chia sẻ: Kiếp Này Bình Yên | Ngày: | Loại File: PPTX | Số trang:31

Báo xấu

50
lượt xem 4
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài 9 của bài giảng sẽ cung cấp những kiến thức về page transition animation trong Windows Phone. Các nội dung chính được trình bày trong bài giảng gồm có: Giới thiệu hiệu ứng chuyển trang, cách sử dụng Windows Phone Toolkit, các loại page transition animation, hiệu ứng cho các UIElement. Mời các bạn cùng tham khảo.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Lập trình Windows Phone (Module 2): Bài 9 - Trần Duy Thanh

Trường ĐH Khoa Học Tự Nhiên TP.HCM TRUNG TÂM TIN HỌC Lập trình Windows Phone Bài 9: Page Transition Animation GV Biên soạn: Trần Duy Thanh 2014
Nội dung • Giới thiệu hiệu ứng chuyển trang • Cách sử dụng Windows Phone Toolkit • Các loại Page transition animation • Hiệu ứng cho các UIElement Bài 9 – Page Transition Animation 2
1. Giới thiệu hiệu ứng chuyển trang Microsoft đã hỗ trợ hiệu ứng chuyển trang bắt mắt trong gói Microsoft Windows Phone Toolkit, một số hiệu ứng có thể kể đến là: ü Turnstile transition ü Swivel transition ü Slide transition ü Roll transition ü Rotate transition Bài 9 – Page Transition Animation 3
1. Giới thiệu hiệu ứng chuyển trang Bài 9 – Page Transition Animation 4
2. Cách sử dụng Windows Phone Toolkit Để sử dụng được Page transition animation, ta phải dùng thư viện: Microsoft.Phone.Controls.Toolkit.dll Có 2 cách để tải thư viện này về: ü Tải từ codeplex: http:// silverlight.codeplex.com/releases/view/55034 ü Tải từ NuGet Packages Bài 9 – Page Transition Animation 5
2. Cách sử dụng Windows Phone Toolkit Ta cần tạo namespace để sử dụng bộ toolkit này: Với toolkit là một prefix, ta có thể đặt bất kỳ tên gì, tuy nhiên nên đặt tên mang tính gợi nhớ. Thông qua toolkit ta có thể truy suất tới các lớp thư viện nằm bên trong. Bài 9 – Page Transition Animation 6
2. Cách sử dụng Windows Phone Toolkit Ví dụ để tạo hiệu ứng chuyển trang trong XAML: Bài 9 – Page Transition Animation 7
2. Cách sử dụng Windows Phone Toolkit Sau cùng để có thể kích hoạt được hiệu ứng chuyển trang ta thay đổi instance RootFrame như sau: Trong hàm InitializePhoneApplication() của lớp App (App.xaml.cs): Code cũ: RootFrame = new PhoneApplicationFrame(); Đổi lại thành: RootFrame = new TransitionFrame(); Bài 9 – Page Transition Animation 8
3. Các loại Page transition animation Gói Windows Phone Toolkit hỗ trợ các hiệu ứng: a. Turnstile transition b. Swivel transition c. Slide transition d. Roll transition e. Rotate transition Bài 9 – Page Transition Animation 9
a. Turnstile transition Hiệu ứng này cho phép quay trang giống như quay cửa sổ từ một góc, đây là một trong những hiệu ứng phổ biến và sử dụng đơn giản nhất. Hiệu ứng này có 4 kiểu: ü TurnstileTransitionMode.ForwardIn ü TurnstileTransitionMode.ForwardOut ü TurnstileTransitionMode.BackwardIn ü TurnstileTransitionMode.BackwardOut Bài 9 – Page Transition Animation 10
a. Turnstile transition ForwardIn ForwardOut BackwardIn – BackwardOut Bài 9 – Page Transition Animation 11
a. Turnstile transition XAML code example Bài 9 – Page Transition Animation 12
a. Turnstile transition protected override void OnNavigatedTo(NavigationEventArgs e) { base.OnNavigatedTo(e); TurnstileTransition turnstileTransition = new TurnstileTransition(); turnstileTransition.Mode = TurnstileTransitionMode.ForwardIn; ITransition transition = turnstileTransition.GetTransition(this); transition.Begin(); transition.Completed += delegate { transition.Stop(); }; } Coding behind example Bài 9 – Page Transition Animation 13
b. Swivel transition Hiệu ứng xoay (Swivel) tương tự như hiệu ứng quay cửa sổ (Turnstile), trong trường hợp này nó sẽ lấy trục quay là nằm ngang giữa trang (Height/2). Hiệu ứng này có các kiểu sau: ü SwivelTransitionMode.BackwardIn ü SwivelTransitionMode.BackwardOut ü SwivelTransitionMode.ForwardIn ü SwivelTransitionMode.ForwardOut ü SwivelTransitionMode.FullScreenIn ü SwivelTransitionMode.FullScreenOut Bài 9 – Page Transition Animation 14
b. Swivel transition ForwardIn ForwardOut BackwardIn BackwardOut FullScreenIn Bài 9 – Page Transition Animation FullScreenOut 15
b. Swivel transition XAML code example Bài 9 – Page Transition Animation 16
b. Swivel transition protected override void OnNavigatedTo(NavigationEventArgs e) { base.OnNavigatedTo(e); SwivelTransition swivelTransition = new SwivelTransition(); swivelTransition.Mode = SwivelTransitionMode.FullScreenIn; ITransition transition = swivelTransition.GetTransition(this); transition.Begin(); transition.Completed += delegate { transition.Stop(); }; } Coding behind example Bài 9 – Page Transition Animation 17
c. Slide transition Hiệu ứng trượt trang cho phép trang di chuyển theo một số hướng nào đó: Từ dưới lên, từ trái qua, từ phải qua…Cụ thể ta có các kiểu hiểu ứng sau: ü SlideTransitionMode.SlideUpFadeIn ü SlideTransitionMode.SlideUpFadeOut ü SlideTransitionMode.SlideDownFadeIn ü SlideTransitionMode.SlideDownFadeOut ü SlideTransitionMode.SlideLeftFadeIn ü SlideTransitionMode.SlideLeftFadeOut ü SlideTransitionMode.SlideRightFadeIn Bài 9 – Page Transition Animation 18
c. Slide transition SlideDownFadeIn SlideDownFadeOut SlideUpFadeIn – SlideUpFadeOut SlideRightFadeIn – SlideRightFadeOut SlideLeftFadeIn SlideLeftFadeOut Bài 9 – Page Transition Animation 19
c. Slide transition XAML code example Bài 9 – Page Transition Animation 20

CÓ THỂ BẠN MUỐN DOWNLOAD

THÔNG TIN

TRỢ GIÚP

HỖ TRỢ KHÁCH HÀNG

Theo dõi chúng tôi

Chịu trách nhiệm nội dung:

Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA

LIÊN HỆ

Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM

Hotline: 093 303 0098

Email: support@tailieu.vn

Giấy phép Mạng Xã Hội số: 670/GP-BTTTT cấp ngày 30/11/2015 Copyright © 2022-2032 TaiLieu.VN. All rights reserved.