Archive for the ‘ Open Source Code ’ Category

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: http://wp.me/pxXri-7K

48. How to build a Slider with a ToolTip that follows the thumb button and displays the value of the Slider: http://tinyurl.com/37ms8fl

 47. How to build your very own TutorialCam like I use in my video tutorials! http://wp.me/pxXri-75

46. Fire one of two Visual States based on the value of a Boolean variable: http://wp.me/pxXri-71

45. How to add Fast Forward to the Silverlight MediaElement: http://wp.me/pxXri-6V

44. Create a custom ToolTip with a Delay: http://tinyurl.com/24cqcqu

43. Create a Silverlight Paging Systems to Load Pages on the Fly: http://wp.me/pxXri-6H

42. Create a Slide In/Out Navigation Panel: http://wp.me/pxXri-6B

41. How to use Joe Stegman’s PngEncoder to save an image from your Silverlight application: http://wp.me/pxXri-6y

40. How to create complex gradients: http://tinyurl.com/ycjcpd5

39. My Blend IDE series – Part 1 – the Blend Toolbar: http://tinyurl.com/yh48uh8

38. My Learn Blend IDE series Part 2 – Layout Controls and User Input Controls: http://tinyurl.com/yblcjyk

37. My Learn Blend IDE series Part 3 – The Properties, Projects and Data panels: http://tinyurl.com/ykvcdkk 

36. My Learn Blend IDE series Part 4 – The Objects & Timeline and States panels: http://tinyurl.com/y8ztcds

35. My Learn Blend IDE series Part 5 - Blend’s Animation Workspace – Everything you need to know to create Storyboard Animations -  http://wp.me/pxXri-56

34. How to make a 3 column ListBox in Silverlight: http://tinyurl.com/yhxspew

33. How to read XML into Silverlight and turn it into Native Silverlight Objects: http://tinyurl.com/ybm27su

32. Create a default Silverlight 4 Out Of Browser app that allows you to create new OOB apps in mere seconds: http://wp.me/pxXri-4h

31. How to make a forever scrolling Silverligh banner: http://tinyurl.com/ykkd7kl

30. How to create a Silverlight Color Resource in a ResourceDictionary: http://tinyurl.com/yhxc28z

29. How to make an Out of the Browser SL4 Web Browser Applicaiton: http://tw0.us/5jy

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: http://tw0.us/5RD

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: http://tw0.us/5NN

26. How to make a Timer by using the DispatcherTimer class: http://tw0.us/4my

25. Create a Functioning Login UserControl: http://tw0.us/4o3

24. Use the FarseerPhysics Library to create a Ragdoll with simulated Physics: http://tw0.us/4pA

23. Create a Sortable ObservableCollection: http://tw0.us/5G0

22. Create a Silverlight Ragdoll with Simulated Physics: http://tw0.us/4pA

21. How to create a functioning Silverlight Login UserControl: http://tw0.us/4o3

20. How to create a Silverlight Timer using the DispatcherTimer class: http://tw0.us/4my

19. How to create custom RoutedEvents in Silverlight using Andrew Whiddett’s (IdentityMine) Eventing assembly reference: http://tw0.us/4cU

18. Use the Silverlight Toolkit’s WrapPanel to create a ListBox that displays three rows of Data: http://tw0.us/4aV

17. Create a Silverlight custom Silder: http://tw0.us/4LZ

16. How to create a Visual Tree Helper to locate FrameworkElements in the Visual Tree: http://tw0.us/46C

15. Using DataBinding to control the Visibility of any Silverlight Object using Blend and Visual Studio: http://is.gd/4jUYJ

14. How to create a complete Sketchflow Prototype in Silverlight: http://is.gd/41pjN

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

12. Creating a Custom Silverlight Button: http://is.gd/3X1eZ

11. Creating a Storyboard Helper Class:  http://is.gd/3mjXW

10. Importing Photoshop PSD files into Expression Blend 3:
http://is.gd/3f53d

9. Creating Morphing Vector Path Storyboards in Blend
http://tw0.us/4oI

8. Re-Creating a Metallic Logo in Vector using Blend 3
http://tw0.us/4oL
 
7. Creating Timed Storyboard Animations
http://tw0.us/4oK
 
6. Using TemplateBinding to Replace a ContentPresenter in a Silverlight Button
http://tw0.us/4oJ
 
5. Working with Data in BLend 3
http://tw0.us/4oN
 
4. Silverlight 3 Behavior Tutorial Video
http://is.gd/3ajTP
 
3. This Tutorial will teach you how to create a Card Flipping Animation!
http://is.gd/3ajpa 

2. Observable Collection Tutorial
http://is.gd/3ajLK

1. Silverlight Extended Drag and Drop Behavior:
http://victorgaudioso.wordpress.com/2009/07/07/extended-drag-and-drop-behavior/q

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: http://tw0.us/4oC

The URL to the dll: http://tw0.us/4cS

The URL to my project: http://tw0.us/4cT

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

Victor

New Silverlight Video Tutorial: How to Make a Slide In/Out Navigation Bar – All in Blend

In this video tutorial I show you how to use Behaviors and the Visual State Manager to create a navigation bar that slides in when the user places their mouse at the top of the page and then slides away when they move their mouse away from the navigation.  You can see it yourself in action Here.

Video: http://tinyurl.com/26bj94d

My Source: http://tinyurl.com/296dqog

Enjoy! Victor Gaudioso

Los Angeles Silverlight Usergroup Meeting: Presenting Windows Phone 7 – Event-In-a-Box – June 16, 2010

 Hello All!

The June 16th Los Angeles Silvelright Usergroup meeting is going to be a very special one.  Not only will one of the foremost experts in the world, Jason Cook, present on Behaviors but yours truly will present on Windows Phone 7!

Microsoft has sent me a special materials dubbed Event-In-a-Box.  This special promotional material includes a pre-defined training regime as well as some pretty cool stuff to give away!  There will be free shirts, mobile cases, USB drives and Window-Clings!

Make sure and join the LA Silverlight Usergroup if you have not done so already and attend our June 16th meeting!  You can join and get meeting details at www.laslug.com

See you there!

New Speaking Event: Microsoft Book Signing/Silverlight 4 Presentation

Hello All!

On Saturday June 19th, 2010 from 7:00 to 9:00 pm (PST) I will be signing copies of my latest book Foundation Blend 3 with Silverlight and presenting/demoing the new features of Silverlight 4 at the Microsoft Store in Mission Viejo, California! 

Join me as I show how to use the new Webcam and COM APIs, show how to build Out-Of-Browser (OOB) Silverlight applications and talk about Sketchflow Prototyping with Silverlight.

There will be plenty of prizes and give-aways from our sponsors.  Microsoft will be giving away copies of the Expression Blend Suite, Apress will be giving away some of its most popular book titles based on .NET technologies and finally DevExpress will be giving away copies of its popular Silverlight Tools.

Join us for an evening of book signing, food and drinks, presentations and everything Silverlight!  attendance is free but RSVP as space is limited. 

See you there!

Just some of the free give-aways from DevExpress:

Just some of the free give-away prizes from DevExpress.

 Sponsored By:

 

New Silverlight Video Tutorial: How to create a Slider with a ToolTip that shows the Value of the Slider

Hello All!

Recently I was asked to make a ToolTip that now only followed the Thumb of the Slider but also showed the value of what the slider was (see image above).  I thought about this and I came up with a pretty quick solution.  There may be other ways to do it but watch the short 1o minute video to see how I did it.

See it in action: http://tinyurl.com/39mbakt

Video: http://tinyurl.com/2wjzcps

Source Code: http://tinyurl.com/2wxln7j

Enjoy!

My June and July 2010 Speaking Schedule

Hello All,

As always I like to keep you all informed of where/when you can come and see me present on Silverlight.  So, here is my current speaking schedule for the months of June and July 2010.  Please note that some of these dates are tentative and subject to change.  If they are tentative I will mention it.  Thank You and I Hope to see some of you at these events.  Be sure to come up and say hello if you do come!

Sat. June 19, 2010: Book signing/Silverlight 4 presentation – The Microsoft Store – Mission Viejo, CA: 
This event is sponsored by Microsoft, Apress and DevExpress and held at the Microsoft store in Mission Viejo, CA.  There will be food and lots of free stuff.  DevExpress will be giving away free copies of their very popular Silverlight Controls like the AgDataGrid SuiteApress, will of course be giving away books on Silverlight, WPF and .NET development.   I am sure there will also be free copies of my last book, Foundation Blend 3 with Silverlight and possibly even advance copies of my next book Foundation Blend 4 with Silverlight 4.  I will also be signing books and then doing a presentation right on stage.  Will be showing off some new features of Silverlight 4 including but not limited to the Webcam and COM Interop APIs!

Sat. June 26: SoCal Code Camp – San Diego, CA
SoCal Code Camp is a place for developers to come and learn from their peers.  I will be speaking on new Features of Silverlight 4, but this time with an emphasis on building Out Of Browser applications.  Join me as I build right on stage an OOB Chromless application with Elevated trust.  I am going to show you how to build the TutorialCam that I use on all of my free Silverlight video tutorials.

Friday July 23 – RIAPaloosa 3 – Chicago at the Illinos Technology Association:
RIAPALOOZA is a community-driven, non-profit, day-long event for professionals who design, develop, customize, maintain and maximize business value using rich platforms like Flash, Silverlight and HTML5.  Join me as I present on Building RIAs without writing code with Silverlight 4 (session link coming soon).  During this session I am going to show how to build Silverlight games using the Farsser Physics Library.  More specifically, I am going to show how to build the popular 80′s game Asteroids all without writing a single line of code!

 Wed. June 16 – Los Angeles Silverlight Usergroup – June Meeting
The Los Angeles Silverlight usergroup is a group created by myself and Jason Campbell so that interaction designers and developers can come together to learn about Silverlight, Expression and creating rich internet applications.  Join us for some free food, free prizes and some great presentations. I say that because Yours Truly is going to present at this meeting and show how to develop Windows 7 Mobile applications using Silverlight!  For this event Microsoft has sent me some Win7 Mobile swag that you’ll just love to have and I will love to be giving away!

New Silverlight Video Tutorial: How to Build Your Very Own TutorialCam

 

Hello All!

IMPORTANT: Watching the video I see I said “I am going to Undo that…”  To Undo in Blend hit Control+Z

I have been asked repeatedly for the source code for the camera application I use to show myself when filming Silverlight video tutorials.  Well, I decided to make a tutorial on how to build your very own TutorialCam (shown above).  I takes about 27 minutes but is much easier than you would think.  There are a lot of little things that you need to do but it is fun and when you are done you will be ready to make your very own Silverlight video tutorials just like me and possibly get MSFT MVP along the way.

Enjoy!

Victor

Video: http://tinyurl.com/2um4w4a

Source Code: http://tinyurl.com/28dw5ok

New Silverlight Video Tutorial: How to Fire a Visual State based upon the value of a Boolean Variable

Hello All!

In this short 7.44 minute video I show you how you can, with one line of C# code fire one of two Visual States based upon the value of a Boolean variable, one if it is true or another one if it is false.  This is much easier than evaluating the variable yourself and then firing each VisualState manually.  Enjoy!

Video: http://tinyurl.com/2wj7fvu

My Source Code: http://tinyurl.com/36mro2k

http://tinyurl.com/2wj7fvu

New Silverlight Video Tutorial: How to Create Fast Forward for the MediaElement

Hello All!

As you probably already know there is no “built-in” way to accomplish Fast Forward with the Silverlight MediaElement.  So, in this 24 minute video I show you how to:

1. Create a new Silverlight application;
2. Add a MediaElement, a Fast Forward Button and a TextBlock for the video’s position information;
3. Create a PlayState Enum and a DispatcherTimer
4. Then on click of the button I show you how to a. Make the video Fast Forward at 1x speed and b. click it again for 2x speed.

If you are doing video this is a must for any self-respecting video player!

Enjoy!

Video: http://tinyurl.com/3933h8t
Demo (see the Fast Forward button in action here): http://tinyurl.com/32kfu8q
Download my Source Code: http://tinyurl.com/265n5he

(My Source code is not downloading well for me and a few others, if that is the case Michael Washington, MVP has hosted the source on his servers: download here: http://tinyurl.com/2dwgsnm)  Thank you Michael

New Silverlight Video Tutorial: How to Create a ToolTip with a Delay

Have you ever needed to have your Silverlight Object’s ToolTip appear after a delay?  Say, two seconds?  Well, if you have done this in WPF you know that it is quite easy but not so for Silverlight.  Until Microsoft adds that property we are just out of luck, or are we? 

Well, after some research I found THIS project on CodePlex called the Advanced ToolTip project.  The author, someone named XavierDecoster has extended the ToolTipService class and added a property called InitialDelay that sets the time before the ToolTip will appear and one called DelayTime that will set how long the ToolTip shows before it disappears.  AWESOME!

So, I made a short, 7 minute video tutorial that shows you how to use this awesome ToolTipService. 

Watch the video here: http://tinyurl.com/2bbklrk

Download my source here (the Silverlight.Controls.dll can be found in it): http://tinyurl.com/23pxxzw

New Silverlight Video Tutorial: How to Create a Silverlight Paging System to Load new Pages

Toaday I got a comment from a blog reader named Fracisco…I think he wanted to know how to load new pages into a Silverlight website.  Just for him, and because I think many of you have the same problem, I made a video tutorial where I show you how to:

1. Create a Content Holder UserControl;

2. Make two pages called HomePage and AboutUs

3. In App.xaml load ContentHolder instead of MainPage.xaml (the default action of a SL app)

4. Create a SwitchContent method that takes a UserControl as its argument; this method will load the requested page into the ContentHolder control

5. Make a Nav UserControl that has Buttons that load the associated page into the ContentHolder UserControl

6. Add the Nav control to each page

7. Create EventHandlers in the Nav.xaml.cs to load the associated content into the ContentHolder User

8. VIOLA! You will then have a Silverlight paging system that loads any page, on Demand into your MainPage.xaml!

Enjoy!

Working Example: http://windowspresentationfoundation.com/Tutorials/PagingSystem/Site/ (from the source code below)

My Project: http://tinyurl.com/27ofjwd

Video: http://tinyurl.com/27es9lv (Running Time: 17 Minutes)

Hi Victor
I’m very new to blend and I need a very basic code to make that button call an hyperlink to create live buttons in blend to be used in Expressions 3 to call the other pages in my site, I try the help in blend (the sample code there only give an error at time to run it) and look in your book Expression blend 3 but I can’t find the answer to to this simple task. Can you help?

New Silverlight Video Tutorial: How to Save an Image in Your Silverlight Applications

Hello All,

I get asked this question probably more than most and that is, how can I save an image to my hard drive from my Silverlight applications.  Well the answer is, I use Joe Stegman’s PngEncoder.cs to do the job.  It works so well and you can implement it in about 5 minutes.  Don’t believe me?  Watch this 7 minute video where I show you how to create a new Silverlight application, add an image to it, add two class files and one method and then save an image right from my Silverlight application.

Video: http://tinyurl.com/34b6lqp

Source Files:

The SaveTheImage Method (text file) http://tinyurl.com/34xu9ms

My PhotoboothApp http://tinyurl.com/3957u55

The PngEncoder.cs file: http://tinyurl.com/28u26mq

The EditiableImage.cs file: http://tinyurl.com/2uuhvrn

 

New Silverlight/Blend Refcard!

Hello All,

DZone has something called REFCARDZ  that help you to get started in any programming platform.  They needed a series that were dedicated to help people learn Expression Blend and Silverlight.  You can do the math and guess who they approached to do this; Yep they ASKED ME!  So, I did my first one for them and today it just went LIVE.  So, check it out (It’s a FREE DOWNLOAD):

http://refcardz.dzone.com/refcardz/getting-started-silverlight?oid=hom20371

Please provide comments here!

Victor

http://refcardz.dzone.com/

New Silverlight Video Tutorial: How to import XML and turn it into native Silverlight Objects

In this  video tutorial I show you how to:

1. Create a new Silverlight application and website

2. Create a new XML file

3. Read the XML file into the application

4. Create a Sigleton DataFactory

5. Deserialize the XML into Native Silverlight Objects.

Video: http://tinyurl.com/ya5f29r

Source Code:  http://tinyurl.com/ybzj7pk

Enjoy!  Victor Gaudioso

My Three-Column ListBox with a Custom Panel

Delay read my article featured in the Expression Newsletter on how to create a three-column ListBox.  From that he saw the need to create a custom panel, so he did.  This article explains how to do it as well as the source code.  Thanks Delay!

My New Silverlight Article/Tutorial on the MSFT Expression Website

Hello All,

My new Silverlight article/tutorial has been published on the MSFT Expression website and featured in the January Expression Newsletter.  Take a look!

My Article: http://expression.microsoft.com/en-us/ee942883.aspx?=expnl

January Expression Newsletter: http://expression.microsoft.com/en-us/ff356864.aspx

Enjoy!

The Blend/Silverlight StarterKit Screencasts I Recorded for Microsoft

Last July I recorded a StarterKit, a series of 10 screencasts for Microsoft showing how to create a Silverlight Color Swatch application complete with some very cool functionality. 

Here is what I show you how to build:

http://windowspresentationfoundation.com/Tutorials/ColorSwatch/

Here is the source code: 

http://windowspresentationfoundation.com/Tutorials/ColorSwatch/ColorSwatchSL.zip

Here is a list of all of the videos in the series:

ColorSwatch Video #1:  TinyURL: http://tinyurl.com/ydm98sd

ColorSwatch Video #2:  TinyURL: http://tinyurl.com/y9grt84

ColorSwatch Video #3: TinyURL: http://tinyurl.com/y87o93a

ColorSwatch Video #4: TinyURL: http://tinyurl.com/yb95o75

ColorSwatch Video #5:  TinyURL: http://tinyurl.com/y96e4az

ColorSwatch Video #6:  TinyURL: http://tinyurl.com/ye5pkja

ColorSwatch Video #7: TinyURL: http://tinyurl.com/ya2928u

ColorSwatch Video #8:  TinyURL: http://tinyurl.com/yatdfl5

ColorSwatch Video #9: TinyURL: http://tinyurl.com/y9wznet

ColorSwatch Video #10:  TinyURL: http://tinyurl.com/yc5vm7g

Join me at the Super Happy Dev House Event Jan. 16, Mountainview CA

Hello All,

The Super Happy Dev House is: 

 ”The premier monthly hackathon event that combines serious and not-so-serious productivity with a fun and exciting party atmosphere.

 SuperHappyDevHouse is a non-exclusive event intended for creative and curious people interested in technology. We’re about knowledge sharing, technology exploration, and ad-hoc collaboration. Come to have fun, build things, learn things, and meet new people. It’s called hacker culture, and we’re here to encourage it.”

I will be presenting on the new features of Silverlight 4! Click HERE to find out more!

See you there!

New Silverlight 4 Video Tutorial: How to make an Out Of Browser SL4 Template Project

Whenever you need to make a new Silverlight 4 Out Of Browser (OOB) application you have to do a few things before you even get started. You need to make an Install Button, check for updates and inform the user to restart the applications if in fact updates have been installed.  In this video I show you how to make a SL4 OOB template that can allow you to do these mundane tasks in seconds when creating a new OOB application.

Video: http://tinyurl.com/yzv8b6r

Source Code: http://tinyurl.com/yzmmma7

Enjoy!

Follow me on Twitter: victorgaudioso

Sign up for my Silverlight Video Mailing List (email addresses will never be shown and never be sent any advertisements).  Just email wpfauthor at gmail dot com with the subject line “Silverlight Email List”

New Silvelright Video Tutorial: How to Create a Scrolling Banner

Hello All,

A friend from Tiwtter yesterday asked me how to make a banner that scrolled forever.  So I built a sample application that does just that.  Silverlight 4 Version and Silvelright 3 Version.  Notice that the banners on those pages will scroll forever.  Well I decided that you too may want to accomplish this so I recorded a short video tutorial that shows you how to do exactly this in about 5 minutes.  Enjoy!

Video: http://tinyurl.com/ylqg3md

Project: http://tinyurl.com/yasqj7b

New Silverlight 4 Video Tutorial: How to make an Out of the Browser Web Browser Applicaiton

Hello All,

In this new video tutorial, I show you how to set up an SL 4 application to run out of the browser (how to set out of the browser settings, how to create and show the Install Button, how to check for updates and how to inform the user that updates have been installed). I then show you how to  use the new SL4 WebBroswer control to make a little Web Browser.

Video: http://tw0.us/5ju

My Project: SL4Broswer.zip: http://tw0.us/5jp

Enjoy and be sure to follow me on Twitter at victorgaudioso

Also if you would like to sign up for my email list to hear about new video tutorials, presentations, free online workshops, free giveaways just email wpfauthor at gmail dot com with the subject line “Silverlight Email List”

Victor Gaudioso

Follow

Get every new post delivered to your Inbox.