Silverlight Recipes. A Problem-Solution Approach. Apress* Jit Ghosh and Rob Cameron

Transcription

1 . Silverlight Recipes A Problem-Solution Approach i Jit Ghosh and Rob Cameron Apress*

2 Contents at a Glance Contents About the Author About the Technical Reviewer Acknowledgments Introduction iv v xxvi xxvli xxviil xxix Chapter 1: A Quick Tour of Silverlight 4 Development 1 Getting Up to Speed with Silverlight 1 Silverlight 3 Highlights 3 Silverlight 4 6 Silverlight and Visual Studio i-1. Setting Up the Silverlight 4 Environment 9 Problem 9 Solution 10 How It Works Installing Additional Silverlight-Related Services and Controls 10 Problem 10 Solution 11 How It Works Understanding the Structure of a Silverlight Solution 11 Problem 11 Solution 11 How It Works 12 The Code 13

3 U CONTENTS 1-4. Understanding the Developer/Designer Workflow 21 Problem 21 Solution 21 How It Works Understanding the Basics of Expression Blend 4 25 Problem 25 Solution 25 How It Works 25 The Code Accessing Source Control 32 Problem 32 Solution 32 How It Works Running Silverlight 4 on a Mac 33 Problem 33 Solution 33 How It Works Running Silverlight on Linux 33 Problem 33 Solution 34 How It Works 34 Chapter 2: Application Design and Programming Model 35 The Mechanics of Silverlight Applications Leverage and Locate Controls and Classes 37 Problem 37 Solution 37 How It Works Dynamically Loading XAML 48 Problem 48 Solution 48 vi

4 How It Works 48 The Code Persisting Data on the Client 54 Problem 54 Solution 54 How It Works 54 The Code Opening a Local File from a Silverlight Application 61 Problem 61 Solution 61 How It Works 61 The Code, Accessing XML Data 65 Problem, 65 Solution 65 How It Works 66 The Code Managing Unhandled Exceptions 70 Problem 70 Solution 71 How It Works Executing Work on a Background Thread with Updates 71 Problem 71 Solution 72 How It Works 72 The Code Updating the Ul from a Background Thread 81 Problem 81 Solution 81 vji

5 How It Works 82 The Code Managing XAML Resources 86 Problem 86 Solution 86 How It Works 86 The Code Managing Embedded Resources 91 Problem 91 Solution 91 How It Works 91 The Code Creating Silverlight Using Ruby, Python, or JScript 95 Problem 95 Solution 96 How It Works 96 The Code Creating Application Services 99 Problem 99 Solution 100 How It Works 100 The Code Managing Resources in Large Projects 105 Problem 105 Solution 105 How It Works 106 The Code Save a File Anywhere on the User's System 108 Problem 108 Solution 109 viii

6 How It Works 109 The Code 109 Chapter 3: Developing User Experiences Importing Art from Expression Design 112 Problem 112 Solution 112 How It Works Working with Color and Gradients in Blend 115 Problem 115 Solution 115 How It Works 115 The Code Positioning Ul Elements 122 Problem 122 Solution 122 How It Works 122 The Code Drawing with Shapes, Paths, and Geometries 131 Problem 131 Solution 132 How It Works 132 The Code Providing Scrollable Content 149 Problem 149 Solution 149 How It Works 150 The Code Applying a Border to Elements 152 Problem 152 Solution 152

7 How It Works 152 The Code Using Simple Animations with Objects 157 Problem 157 Solution 157 How It Works 157 The Code Animating Ul Elements with Keyframes 164 Problem 164 Solution 164 How It Works 164 The Code Transforming an Object 169 Problem 169 Solution 170 How It Works 170 The Code Creating a Simple Cartoon Scene 175 Problem 175 Solution 175 How It Works 175 The Code Handling Keyboard Input 180 Problem 180 Solution 180 How It Works 180 The Code Working with Ink 184 Problem 184 Solution 184 x

8 How It Works 185 The Code Adding 3-D Effects to Ul Elements 191 Problem 191 Solution 191 How It Works 191 The Code Dynamically Creating Bitmaps 198 Problem 198 Solution 198 How It Works 198 The Code Improving Graphic Animation and Video Performance 205 Problem 205 Solution 205 How It Works 205 The Code Improve Animation with Custom Easing Functions 209 Problem 209 Solution 209 How It Works 209 The Code Adding Pixel Shader Visual Effects 216 Problem 216 Solution 216 How It Works 216 The Code Create and Work with Design-Time Data in Expression Blend 221 Problem 221 Solution 221 3d

9 How It Works 221 The Code Reuse Application Interactivity with Behaviors 231 Problem 231 Solution 231 How It Works 231 The Code Customizing the Right-Click Context Menu 233 Problem 233 How it Works 234 The Code Accessing the Clipboard 238 Problem 238 How it Works 238 The Code Using Right-to-Left Text 241 Problem 241 How it Works 242 The Code Prototype Application Design 243 Problem 243 Solution 244 How It Works 244 The Code 244 Chapter 4: Data Binding Binding Application Data to the Ul 247 Problem 247 Solution 247 How It Works 247 The Code 249 xii

10 4-2. Binding Using a DataTemplate 255 Problem 255 Solution 255 How It Works 255 The Code Receiving Change Notifications for Bound Data.263 Problem 263 Solution 263 How It Works 263 The Code Converting Values During Data Binding 280 Problem 280 Solution 280 How It Works 280 The Code Binding Across Elements 293 Problem 293 Solution 293 How It Works 293 The Code Validating Input for Bound Data 301 Problem 301 Solution 301 How It Works 301 The Code Controlling Updates 316 Problem 316 Solution 316 How It Works 316 The Code 317 xili

11 4-8. Providing reasonable defaults for bound data 326 Problem 326 Solution 326 How It Works 326 The Code 328 Chapter 5: Controls 333 A Word About the Samples Customizing a Control's Basic Appearance 334 Problem 334 Solution 334 How It Works 334 The Code Replacing the Default Ul of a Control 338 Problem 338 Solution 338 How It Works 338 The Code Customizing the Default ListBoxltem Ul 354 Problem 354 Solution 354 How It Works 354 The Code Displaying Information in a Pop-up 363 Problem 363 Solution 363 How It Works 363 The Code Displaying Row Details in a DataGrid 375 Problem 375 Solution 375 xiv

12 How It Works 375 The Code Applying Custom Templates to a DataGrid Cell, 385 Problem 385 Solution 385 How It Works 385 The Code Creating Custom Column Types for a DataGrid 391 Problem 391 Solution 391 How It Works 391 The Code Creating a Composite User Control 398 Problem 398 Solution 398 How It Works 398 The Code Creating a Custom Layout Container 412 Problem 412 Solution 413 How It Works 413 The Code Creating a Custom Control 425 Problem 425 Solution 426 How It Works 426 The Code Defining a Custom Visual State 442 Problem, 442 Solution 442 xv

13 m CONTENTS How It Works 442 The Code Controlling ScrollViewer Scroll Behavior 454 Problem 454 Solution 454 How It Works 454 The Code, Customizing the Binding Validation User Interface 463 Problem 463 Solution 464 How It Works 464 The Code Control Behavior in Expression Blend 479 Problem 479 Solution 479 How It Works 479 The Code Enhancing the Design Experience with Behaviors and Triggers 486 Problem 486 Solution 486 How It Works 486 The Code 488 Chapter 6: Browser Integration Host Silverlight on Any Technology 495 Problem 495 Solution 496 How It Works 496 The Code 498 xvi

14 6-2. Setting Focus for Keyboard Input 500 Problem 500 Solution 500 How It Works, 501 The Code Implementing a Full-Screen Ul 506 Problem 506 Solution 506 How It Works 506 The Code Calling a JavaScript Method from Managed Code 515 Problem 515 Solution 515 How It Works 515 The Code Calling a Managed Code Method from JavaScript 523 Problem 523 Solution 523 How It Works 524 The Code Exchanging Data Among Multiple Plug-ins 532 Problem 532 Solution 532 How It Works 532 The Code Layering HTML over the Silverlight Plug-in 538 Problem 538 Solution 538 How It Works 539 The Code 539 xvii

15 6-8. Hosting HTML in a Silverlight Application 541 Problem 541 Solution 541 How It Works 542 The Code Painting a Silverlight Element with HTML 544 Problem 544 Solution 544 How It Works 544 The Code Taking Advantage of the Navigation Framework 546 Problem 546 Solution 546 How It Works 546 The Code Embedding Silverlight within a Windows Gadget 555 Problem 555 Solution 555 How It Works 555 The Code Embedding Silverlight in an Internet Explorer 8 Web Slice 571 Problem 571 Solution 571 How It Works 571 The Code 571 Chapter 7: Networking and Web Service Integration 577 A Quick Word about the Samples Consuming a WCF Service 579 Problem 579 Solution 57fl xviii

16 «CONTENTS How It Works 579 The Code Exchanging XML Messages over HTTP 600 Problem 600 Solution 600 How It Works 600 The Code, Using JSON Serialization over HTTP 613 Problem 613 Solution 613 How It Works The Code Accessing Resources over HTTP 618 Problem 618 Solution 618 How It Works 618 The Code Using Sockets to Communicate over TCP 643 Problem 643 Solution 643 How It Works 643 The Code Enabling Cross-Domain Access 676 Problem 676 Solution 676 How It Works 676 The Code Exchanging Data between Silverlight Applications Problem 680 Solution 680 xix

17 How It Works 680 The Code 683 Chapter 8: Building Out Of Browser Silverlight Applications Building a Silverlight application to run outside the browser 699 Problem 699 Solution 700 How It Works 700 The Code Controlling the Application Window 722 Problem 722 Solution 722 How It Works 722 The Code Using COM Interoperability and File System Access 730 Problem 730 Solution 731 How It Works 731 The Code 733 Chapter 9: Building LOB Applications 745 Silverlight LOB Enhancements 745 Data Access Enhancements 745 WCF Data Services 746 WCF RIA Services Accessing RESTful Data using OData 746 Problem 746 Solution 746 How It Works 747 The Code 747 xx

18 9-2. Using Visual Studio 2010 WCF Data Services Tooling 750 Problem 750 Solution 750 How It Works 750 The Code Implementing CRUD Operations in WCF Data Services 756 Problem 756 Solution 756 How It Works 757 The Code Using Visual Studio 2010 WCF RIA Data Services Tooling 760 Problem 760 Solution 760 How It Works 760 The Code Taking Advantage of the Business Application Template 768 Problem 768 Solution 768 How It Works 768 The Code Databinding in XAML 770 Problem 770 Solution 770 How It Works 771 The Code Navigating RIA LOB Data 773 Problem 773 Solution 773 How It Works 773 The Code 773 xxi

19 9-8. Implementing CRUD Operations in RIA Services 775 Problem 775 Solution 775 How It Works 776 The Code Data Validation through. Problem Solution Data Annotation How It Works 779 The Code Printing in a Silverlight LOB Application 783 Problem 783 Solution 783 How It Works 783 The Code 783 Chapter 10: Integrating Rich Media Adding Video to a Page 787 Problem 787 Solution 788 How It Works 788 The Code Creating a Complete Video Player 792 Problem 792 Solution 792 How It Works 792 The Code Adding Streaming Media Support 823 Problem 823 Solution 824 xxii

20 How It Works 824 The Code Using Playliststo Package Media 864 Problem 864 Solution 864 How It Works 864 The Code Using Markers to Display Timed Content 870 Problem 870 Solution 870 How It Works 870 The Code Displaying and Seeking Using SMPTE Timecodes Problem 886 Solution 887 How It Works 887 The Code Building a Managed Decoder for Silverlight 900 Problem 900 Solution 900 How It Works 900 The Code Using a WebCam 924 Problem 924 Solution 925 How It Works 925 The Code Processing Raw WebCam Output 932 Problem 932 Solution 932 xxiii

21 m CONTENTS How It Works 932 The Code 933 Chapter 11: Integrating Microsoft IIS Smooth Streaming Setting up Smooth Streaming 950 Problem 950 Solution 950 How It Works 950 The Code Using the SmoothStreamingMediaElement 957 Problem 957 Solution 958 How It Works 958 The Code Adding Metadata Streams 963 Problem 963 Solution 963 How It Works 963 The Code Merging Data from External Manifests 974 Problem 974 Solution 974 How It Works 974 The Code Scheduling Additional Clips 977 Problem 977 Solution 977 How It Works 977 The Code 978 xxiv

22 11-6. Varying Playback Speeds 981 Problem 981 Solution 982 How It Works 982 The Code Combining Streams Using Composite Manifests 982 Problem 982 Solution 983 How It Works 983 The Code 985 Index 987 XXV