Posts Tagged ‘ blend 3 ’

All of My Silverlight Video Tutorials in One Place (revised again 05.12.10)

This post was commented on by Microsoft’s own Scott Guthrie (the Gu) on 5.31.10

Hello All,

This is a post that keeps growing day by  day so I need to update its postion to be at the top of my blog as the content grows. So, here it is again by popular demand:

49. How to add multiple BitmapEffects to one object in Silverlight:

48. How to build a Slider with a ToolTip that follows the thumb button and displays the value of the Slider:

 47. How to build your very own TutorialCam like I use in my video tutorials!

46. Fire one of two Visual States based on the value of a Boolean variable:

45. How to add Fast Forward to the Silverlight MediaElement:

44. Create a custom ToolTip with a Delay:

43. Create a Silverlight Paging Systems to Load Pages on the Fly:

42. Create a Slide In/Out Navigation Panel:

41. How to use Joe Stegman’s PngEncoder to save an image from your Silverlight application:

40. How to create complex gradients:

39. My Blend IDE series – Part 1 – the Blend Toolbar:

38. My Learn Blend IDE series Part 2 – Layout Controls and User Input Controls:

37. My Learn Blend IDE series Part 3 – The Properties, Projects and Data panels: 

36. My Learn Blend IDE series Part 4 – The Objects & Timeline and States panels:

35. My Learn Blend IDE series Part 5 – Blend’s Animation Workspace – Everything you need to know to create Storyboard Animations –

34. How to make a 3 column ListBox in Silverlight:

33. How to read XML into Silverlight and turn it into Native Silverlight Objects:

32. Create a default Silverlight 4 Out Of Browser app that allows you to create new OOB apps in mere seconds:

31. How to make a forever scrolling Silverligh banner:

30. How to create a Silverlight Color Resource in a ResourceDictionary:

29. How to make an Out of the Browser SL4 Web Browser Applicaiton:

28. Use the new Silverlight 4 Webcam API to create a cool webcam app that even let’s you save images to your hard drive:

27. Use the new Silverlight 4 COM API to make an Out of the Browser application that is able to open a MS Word document:

26. How to make a Timer by using the DispatcherTimer class:

25. Create a Functioning Login UserControl:

24. Use the FarseerPhysics Library to create a Ragdoll with simulated Physics:

23. Create a Sortable ObservableCollection:

22. Create a Silverlight Ragdoll with Simulated Physics:

21. How to create a functioning Silverlight Login UserControl:

20. How to create a Silverlight Timer using the DispatcherTimer class:

19. How to create custom RoutedEvents in Silverlight using Andrew Whiddett’s (IdentityMine) Eventing assembly reference:

18. Use the Silverlight Toolkit’s WrapPanel to create a ListBox that displays three rows of Data:

17. Create a Silverlight custom Silder:

16. How to create a Visual Tree Helper to locate FrameworkElements in the Visual Tree:

15. Using DataBinding to control the Visibility of any Silverlight Object using Blend and Visual Studio:

14. How to create a complete Sketchflow Prototype in Silverlight:

13. Creating a Custom Silverlight Button Just for Designers (using linear and radial gradients, the gradient tool and opacity masks):

12. Creating a Custom Silverlight Button:

11. Creating a Storyboard Helper Class:

10. Importing Photoshop PSD files into Expression Blend 3:

9. Creating Morphing Vector Path Storyboards in Blend

8. Re-Creating a Metallic Logo in Vector using Blend 3
7. Creating Timed Storyboard Animations
6. Using TemplateBinding to Replace a ContentPresenter in a Silverlight Button
5. Working with Data in BLend 3
4. Silverlight 3 Behavior Tutorial Video
3. This Tutorial will teach you how to create a Card Flipping Animation! 

2. Observable Collection Tutorial

1. Silverlight Extended Drag and Drop Behavior:

Enjoy! Victor


New Video Tutorial: How to Create Custom RoutedEvents in Silverlight

My Good Friend Andrew Whiddett, CTO of IdentityMine wrote a great solution to be able to make Custom RoutedEvents available in Silverlight (currently custom RoutedEvents are only available in WPF).  RoutedEvents as you may or may not know, are the backbone of what makes the Model View View Model development pattern work.  Now, because of Andrew’s genius you can use it in Silverlight too!

Here is a link to the video showing you exactly how to use it:

The URL to the dll:

The URL to my project:

Have fun and Enjoy!  And a Special thanks to my good friend and former mentor, Andrew Whiddett.


New Silverlight Video Tutorial: How to Create Gradients

Hello All!

In doing a lot of speaking engagements I get asked lots of Silverlight questions.  From these questions I have noticed a pattern emerging whereby many people have a terrible time working with gradients.  Of course the real trick, as is with anything, is practice but before one can start to practice they have to understand the tools of the trade.  So, in this short, 10 minute video I show you how to duplicate a somewhat complex gradient while along the way explaining the tools required to do the job; namely, the Gradient tool, the color palette and the Gradient Eyedropper tools. 

With this video and a little practice you too will be able to duplicate the most complex of gradients all on your own!

So, roll up your sleeves, fire up Expression Blend and Get To It!

How to Create a Silverlight Color Resource in a ResourceDictionary

Some have complained that page 33 of my book, Foundation Blend 3 with Silverlight tells how to make a Color Resource in a Resource Dictionary.  However, because of reasons that are not completely clear to me what I show is not possible to do in Blend for a Silverlight application.  For that reason I have written a short tutorial on how to do just that.  You can read it below with no images or download the Word version here:

NOTE: The Word version has the images. 

Create the Rectangle

1. From the toolbar select the Rectangle tool and draw a Rectangle on the Artboard  like I have done in Figure 1.

 Figure 1. Draw a Rectangle

2. On the  Properties panel select Gradient Brush for the Fill property like I am about to do in Figure 2.  

 Figure 2. Give the Rectangle a Gradient Fill.

Creating the Color Resource

 1. Leave the default Black to White Gradient and click advanced icon next to the Fill property (it looks like a little white square (see Figure 3).

 Figure  3. Click the advanced icon next to the Fill property.

2. In the Advanced menu click Convert to New Resource.

 3. When the Create Color Resource dialog box appears give the Resource a Name of BlackToWhiteGradient (don’t hit OK yet) like I am doing in Figure  4.

Figure  4. Name the new resource BlackToWhiteGradient.

4. Now click the New ResourceDictionary button like am doing in Figure 5.

 Figure  5. Click the New button.

5. When the New Item dialog appears make sure that Resource Dictionary is selected .  Leave the default name and click OK like I am doing in Figure  6.

 Figure 6. The New Item dialog box.

7. Once you click OK you will again see the Create Color Resource dialog box but now the Resource Dictionary option is enabled and Checked.  You can now Click OK to create the new ResourceDictionary and add the BlackToWhite color resource to it like I am doing in Figure 7.

Figure 7. You now can click OK to create a new ResourceDictionary with the BlackToWhiteGradient in it.

 Using the new BlackToWhite Color Resource

Now that you have made a new Color Resource in a new ResourceDictionary it is time to show you how to make use of it.  Let’s do that now.

  1. Select the Rectangle on the toolbar
  2. Draw a new Rectangle out on the Artboard.
  3. Your new Rectangle might have a default black and white gradient because it was the last color we used.  So to change it select the Fill property for the new Rectangle and click Solid color brush like I am doing in Figure 8.

Figure 8. Change the new Rectangle’s Fill to a Solid Color Brush.

4. Now to change the Fill to the Resource click the Advanced icon next to the Fill Property

5. Click Local Resource > BlackToWhiteGradient like I am doing in Figure  9.

 Figure  9. Used the Advanced icon to change the fill to use the BlackToWhiteGradient color resource from the ResourceDictionary that we created earlier.


In this short exercise we created a Rectangle with a black/white gradient Fill.  We then turned that Fill into a Color Resource inside of a ResourceDictionary that we created.  We then created a new Rectangle and reset the Fill to a Solid Color Brush. Finally we set the Fill of the new Rectangle to the BlackToWhiteGradient we created earlier.   


New Silverlight 4 Video Tutorial: Making a Cool Webcam Application that can Save Images

Hello All,

In this new Silverlight Video Tutorial I show you how to use the new Webcam API to create a very cool Webcam application that allows you run your webcam, take snapshot images, place funny objects such as hats over your face, take snapshots and then save the image to you hard drive.  Kids get a Blast out of these kids of applications.  Below is all of the information you will need.  Enjoy!

Video Tutorial:
My Sample Project:
Project Download:
Encoding Files (must be added to your project to save images):
SaveTheImage.txt File:

A Rough Draft of my New Silverlight 4 Book (due out in 2010)

Apress/Friends of Ed has engaged me to write a follow up to my last book Foundation Blend 3 with Silverlight .  This new book will have all of the information from my last book as it is still relevant for Silverlight 4 but will also include the many wonderful new features of Silvelright 4.  I have created a rough draft for the Table of Contents for the new book and have decided to share it with you.  Please feel free to help me out and provide me with comments so that I can provide you with the best product to help those that are interested learn Silveright.

Table of Contents (working name: Foundation: Silverlight 4)

  1. Setting up the development environment (Blend 3 probably Blend 4 when released, Visual Studio 2010, Silverlight 4 Tools, Silverlight 4 Runtime)
  2. The Blend 3 (probably 4) Integrated Development Environment: The Toolbar, panels, artboard, workspace modes (Animation v Design)
  3. C#, XAML, and Object Oriented Programming
  4. Controls: Including the new Silverlight 4 Controls: ViewBox, RichTextArea ,  FlowDirection Property, the Improved DataGrid
  5. Timed Storyboards: Creating a Newton Cradle application
  6. Using the VSM and Blend 3’s State panel to create a Silverlight Media Player
  7. Behaviors: Included behaviors and custom behaviors: Using the FarseerPhysics engine to create a simple Silverlight 4 video game
  8. The Silverlight MediaElement: Create a video player application with Behaviors, XML serialization, and the new Silverlight 4 Drop property
  9. Using RIA services with the Silverlight 4 Network Authentication
  10. Events and EventHandlers including SL 4 right-click and MouseWheel event handling
  11. Classes and Interfaces
  12. ControlTemplates, Styles and Custom UserControls
  13. Writing a Custom Silverlight 4 Content Panel
  14. Writing a Silverlight 4 Out of the Browser application with Elevated Trust and the new Silverlight 4 COM API
  15. DataBinding: What is it? Improvements in Silverlight 4: DependencyObject Binding, StringFormat, TargetNullValue, FallbackValue
  16. Silverlight 4 Managed Extensibility Framework (MEF)
  17. Building a Sketchflow Prototype
  18.  The Silverlight 4 Printing and Open Save APIs: Create an Image Printer application
  19. Creating a Photobooth application with the Silverlight 4 Microphone and Webcam API
  20. Miscellaneous Silverlight 4 Features:  The Clipboard API,  Command support for Buttons,  HTML support, the Notification API, TextTrimming, Full Keyboard access in Full Screen,  Offline DRM support, Data Validation, ,Fluid user interface support, Implicit theming for Controls, Google Chrome support



New Silverlight Video Tutorial: How to make a Timer Using the DispatcherTimer Class

In this short video I show you how to create a Silverlight Timer using the DispatcherTimer class. I then show you a real world example where you would use a timer in Silverlight.


Project Download: