Silverlight - Chapter 3 - Sử dụng Silverlight trên Expression Blend và Visual Studio 2008

Microsoft Silverlight là 1 công cụ phát triển ứng dụng web rất tiên tiến mà Microsoft phát triển cho những ứng dụng .NET được xem là thành phần tích hợp Plugin với cái trình duyệt để chạy những ứng dụng mang tính năng chuyên hóa cao. Để làm phong phú hơn những tính năng của ứng dụng web trên nền tảng . NET.
Nội dung trích xuất từ tài liệu:
Silverlight - Chapter 3 - Sử dụng Silverlight trên Expression Blend và Visual Studio 2008 Infoway CHƯƠNG III: S D NG SILVERLIGHT TRÊN EXPRESSION BLEND VÀ VISUAL Solutions STUDIO 2008CHƯƠNG III:SỬ DỤNG SILVERLIGHT TRÊN EXPRESSION BLEND VÀ VISUALSTUDIO 20081 Gi i thi u v các công c phát tri n Expression Blend 2 k t h p v i VS2008Expression Blen là một công cụ thiết kế chuyên nghiệp và đầy đủ tính năng để tạo các giao diện ngườidùng cho các ứng dụng trên nền tảng Microsoft Silverlight và Microsoft Window. Bằng việc tách rời mỗitệp tin của dự án theo vai trò, Epxpression Blend cho phép nhà thiết kế chỉ cần tập trung vào việc sángtạo còn các lập trình viên thì tập trung vào công việc lập trình. Mỗi thành viên nhóm có thể làm việcmà không làm cản trở đến quá trình làm việc của người khác.Expression Blend có thể làm ra các ứng dụng Windows Presentation Foundation(WPF), trang webSilverlight 1.0, User control cho Silverlight 2 (file .xap và các file hỗ trợ khác). Các thiết kế của bạn(visual design) được trình bày theo ngôn ngữ đánh dấu là XAML 1.1 Expression Blend làm vi c như th nào?Trong Expression Blen, Bạn có thể thiết kế ứng dụng một cách trực quan, vẽ các hình, đường kẻ, và cácControl có trên Artboard, và sau đó bạn có thể thay đổi sự xuất hiện và các hành động của chúng. Bạncó thể nhập hình ảnd, video, và âm thanh. Còn trong các ứng dụng trên nền tảng Window, bạn còn cóthể nhập và thay đổi các đối tượng 3D.Bạn có thể tạo các storyboard để làm chuyển động hình trong thiết kế của bạn, sau đó tùy trọn Triggertrong Storyboard khi người dụng có tương tác với ứng dụng của bạn 1.2 Nh ng tính năng có đư c t Expression BlendExpression Blend 2 bao g m các tính năng sau: - Đ y đ b các công c v vector, nó bao g m Text và các công c 3D - D dàng s d ng, giao di n tr c quan hi n - Kh năng chuy n đ ng th i gian th c - 3D and media support for enhancing user experiences - H tr tăng cư ng cho ngư i dùng nhi u kinh nghi p v i 3D và Media - Advanced, flexible, and reusable customization and skinning options for a variety of common controls - Nâng cao, linh đ ng, tùy bi n hóa các tính năng s d ng l i, các l a ch n b m t cho m t vào control ph bi n. - Tính năng tương tác m nh m v i các ngu n d li u và các tài nguyên bên ngoài - Tính năng thi t k theo Real-time và markup views Infoway CHƯƠNG III: S D NG SILVERLIGHT TRÊN EXPRESSION BLEND VÀ VISUAL Solutions STUDIO 2008 - Artwork import capabilities from Expression Design 2 - Kh năng nh p Artwork t Expression Design 2 - Site import capabilities from Expression Encoder 2 - Kh năng nh p site t Expression Encoder 2 - Tương tác v i Visual Studio 2008 đ giúp nhà thi t k và l p trình viên làm vi c ch t ch và hi u qu v i nhau2 B t đ u nhanh v i Silverlight 2 trên Expression Blend 2 2.1 T o m t Project cho ng d ng Silverlight 2B n có th t o m t Project Silverlight 2 trong Microsoft Expression Blend 2 sau khi đã cài đ tService Pack1 . v i Expression Blend, m t Project Silverlight s xây d ng m t ng d ngSilverlight 2 v i s h tr các file bao g m m t trang HTML đ ki m tra có tên là Default.htmlnó s t i ng d ng c a b n vào trình duy t c a window.Các bư c t o project cho silverlight 2 như sau 1. Trên thanh menu ch n File và ch n NewProject( CTRL+SHIFT+N) 2. Trong h p h i tho i New Project , phí dư i ch n project type là Silverlight 2 Application 3. Đ t tên cho project c a b n, cái này s tr thành tên thư m c và tên namespace c a ng d ng. 2 Infoway CHƯƠNG III: S D NG SILVERLIGHT TRÊN EXPRESSION BLEND VÀ VISUALSolutions STUDIO 2008 4. Ti p theo là ch n v trí lưu tr project trên c ng c a b n b ng cách tìm trong nút “Browse”. 5. Trong m c Language, ch n ngôn ng là Visual C#, đó s là ngôn ng đ b n vi t trong file code-behind. 6. Ch n OK. Khi m t project m i đư c t o ra b n có th b t đ u ngay v i các thao tác v các khuôn hình và control trong trang chính(Page.xaml) Dư i đây là danh sách các file và các tham chi u dll mà Expression Blend 2 t t o ra cho project m i c a b n2.2. V khuôn hình (Shape) trên ng d ng Silverlight 1. Trong h p toolbox ch n m t trong các công c shape sau: Hình ch nh t ho c hình Ellipse . 2. Trong khuôn vùng thi t k , b n có th kéo chi u r ng ho c chi u dài hình ch nh t này theo hư ng di chu t. 3 Infoway CHƯƠNG III: S D NG SILVERLIGHT TRÊN EXPRESSION BLEND VÀ VISUAL Solutions STUDIO 2008 M o: N u b n gi SHIFT khi kéo s gi đư c chi u r ng và chi u cao cùng kích thư c. làm như v y s ...