Sunday, February 5, 2012

All of my Silverlight/WP7 Video Tutorials in One Place (Updated 02.11.11)


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:
75. Microsoft Starter Kit Video Series: Creating a Silverlight Color Swatch Application  – a 10 part video series complete with sample project and assets (custom Behaviors, custom Panels, etc.): http://wp.me/pWN5M-fX
74. New Silverlight Video Tutorial: How to use a ToggleButton to create a Sliding Panel, ALL in Blend with ONLY ONE Button: http://wp.me/pWN5M-fy
73. New Silverlight Video Tutorial: How to make sliding panels that only uses one button (uses Code-Behind): http://wp.me/pWN5M-eN
72. New Silverlight Video Tutorial: How to make sliding panels ALL in Blend:http://tinyurl.com/6on9e8o
71. Windows Phone 7 (Mango): Making use of PageOrientations (Portrait, Landscape and PortraitOrLandscape):  http://tinyurl.com/44lvduo
70. How to create a Rotating Banner: http://wp.me/pWN5M-dG (30 min). Demo:http://tinyurl.com/3ql6e8o
69. How to create a SL4 Fake Windowmthat can be dragged, expanded and collapsed:http://wp.me/pWN5M-dC
68. New Silverlight 5 Video Tutorial: How to create Implicit DataTemplates:http://www.windowspresentationfoundation.com/?p=820
67. How to use the FluidMove Behavior: http://wp.me/pWN5M-d2
66. Use Blend’s Sketchflow Animation panel to create a Sketchflow animation to show users how to use your application: http://wp.me/pWN5M-cP
65. Use the LocalMessageSender/Receiver to send messages accross UserControls or even across Silverlight applications: http://wp.me/pWN5M-cC
64. Create a Data Store in Blend w Conditional Behaviors (GotoStateAction/SetDataStoreValueAction) & VSM: http://wp.me/pWN5M-ct
63. Learn how to use the Windows Phone 7 Turnstyle Control from Codeplex (13 min):http://wp.me/pWN5M-ca
62. How to make a Multi-Touch Windows Phone  7 Silverilght 4 application (6 min):http://wp.me/pWN5M-c5
61. How to build a Windows Phone 7 browser page with a WebBrowser control (if you have taken the 5 part tutorial consider this part 6):
http://wp.me/pWN5M-bU
60. Part 5: how to use the CaptureCameraTask to take an image from a menyItem btn:
http://wp.me/pWN5M-bO (Source Code: http://tinyurl.com/36lyfs7)
59. Part 4: Compose and send an email from a MenuItem: http://wp.me/pWN5M-bI
58. Part 3: Make a Phone call from a MenuItem: http://wp.me/pWN5M-bD
57: Part 2: Add new pages when the ApplicationBarIconButtons are clicked:http://wp.me/pWN5M-bp
56. Part 1: How to build a Windows Phone 7 (WP7) appliaction with an ApplicationBar complete with IconButtons and MenuItems: http://tinyurl.com/352fm4u
55. How to use a Behavior to fire methods from objects in Styles: http://tinyurl.com/33e444h
54. How to style a Silverlight HyperLink Button: http://tinyurl.com/365ubrv
53. How to create a ListBox with a static Image background: http://wp.me/pWN5M-aP
52. How to stream video to iPhone/Pad devices using IIS7 and HTML5:http://www.windowspresentationfoundation.com/?p=653
51. Use Silverlight to create Windows Phone 7 Series applications: http://wp.me/pWN5M-a0
50. How to do Hit Detection (HitTesting) in Silverlight based on Andy Beaulieu’s technique:http://tinyurl.com/2bgbp7s
49. How to add multiple BitmapEffects to one object in Silverlight: Post
48. How to build a Slider with a ToolTip that follows the thumb button and displays the value of the Slider: Post
47. How to build your very own TutorialCam like I use in my video tutorials! Post
46. Fire one of two Visual States based on the value of a Boolean variable: Post
45. How to add Fast Forward to the Silverlight MediaElement: Post
44. Create a custom ToolTip with a Delay: Post
43. Create a Silverlight Paging Systems to Load Pages on the Fly: Post
42. Create a Slide In/Out Navigation Panel: Post
41. How to use Joe Stegman’s PngEncoder to save an image from your Silverlight application:Post
40. How to create complex gradients: Post
39. My Blend IDE series – Part 1 – the Blend Toolbar: Blend1
38. My Learn Blend IDE series Part 2 – Layout Controls and User Input Controls: Blend2
37. My Learn Blend IDE series Part 3 – The Properties, Projects and Data panels: Blend3
36. My Learn Blend IDE series Part 4 – The Objects & Timeline and States panels: Blend4
35. My Learn Blend IDE series Part 5 – Blend’s Animation Workspace – Everything you need to know to create Storyboard Animations – Blend5
34. How to make a 3 column ListBox in Silverlight: Post
33. How to read XML into Silverlight and turn it into Native Silverlight Objects: Post
32. Create a default Silverlight 4 Out Of Browser app that allows you to create new OOB apps in mere seconds: Post
31. How to make a forever scrolling Silverligh banner: Post
30. How to create a Silverlight Color Resource in a ResourceDictionary: Post
29. How to make an Out of the Browser SL4 Web Browser Applicaiton: Post
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: Post
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: Post
26. Learn Silverlight with this new RefCard that I developed Post
25. Create a Functioning Login UserControl: Post
24. Use the FarseerPhysics Library to create a Ragdoll with simulated Physics: Post
23. Create a Sortable ObservableCollection: Post
22. Create a Silverlight Ragdoll with Simulated Physics: Post
21. How to create a functioning Silverlight Login UserControl: Post
20. How to create a Silverlight Timer using the DispatcherTimer class: Post
19. How to create custom RoutedEvents in Silverlight using Andrew Whiddett’s (IdentityMine) Eventing assembly reference: Post
18. Use the Silverlight Toolkit’s WrapPanel to create a ListBox that displays three rows of Data: Post
17. Create a Silverlight custom Silder: Post
16. How to create a Visual Tree Helper to locate FrameworkElements in the Visual Tree: Post
15. Using DataBinding to control the Visibility of any Silverlight Object using Blend and Visual Studio: Post
14. How to create a complete Sketchflow Prototype in Silverlight: Post
13. Creating a Custom Silverlight Button Just for Designers (using linear and radial gradients, the gradient tool and opacity masks): Post
12. Creating a Custom Silverlight Button: Post
11. Creating a Storyboard Helper Class: Post
10. Importing Photoshop PSD files into Expression Blend 3:
http://wp.me/pWN5M-1n
9. Creating Morphing Vector Path Storyboards in Blend
Post
8. Re-Creating a Metallic Logo in Vector using Blend 3
Post
7. Creating Timed Storyboard Animations
Post
6. Using TemplateBinding to Replace a ContentPresenter in a Silverlight Button
Post
5. Working with Data in BLend 3
Post
4. Silverlight 3 Behavior Tutorial Video
Post
3. This Tutorial will teach you how to create a Card Flipping Animation!
Post
2. Observable Collection Tutorial
http://is.gd/3ajLK
1. Silverlight Extended Drag and Drop Behavior:
Post
Enjoy! Victor


8 Comments for this entry


  • Russell Morgan

    Im new to Silverlight AND to WP7. I am Jamaican so I dont have much LOCAL resources to turn to, I am VERY GLAD I found your blog. Thank you EVER so much for taking the time out ot make these, and to post them for FREE!
    I do hope to become a veteran at WP7 and Silverlight, because they are both very interesting platforms in my views. And I would love to be able to make applications using them.
    I do hope you continue to offer this type of support and more to the community of established and aspiring developers.
    Thank you again!

  • JohnnySmoke

    happened to find your site by way of twitter. thanks for sharing the wealth with all of us who are eager to learn and could use a helping hand

  • Max Luong

    Met you at WP7 event in Costa Mesa (the Hilton). Keep you the great work.
    thanks again for all the resources.

  • Interlopul eusebiu

    This tutorial is really easy to follow! I can do it to!

  • Victor

    See Interlopul, it is not that hard; anyone can do it as long as you have someone to show you how. Victor

  • Davide

    Hi, i like your video, very easy to learn!
    Can i ask you to do some tutoria? i’m new on wp7, and i can’t find the resource i’m looking for…
    1) how to reload a page in my webBrowser…
    2) how to parse a json file taken from the web (i take the .php file that produce the json, and i’d a goal il this, now i have my string json = sr.ReadToEnd(); ready)
    3) how to have a button with a text on it and a background images
    4) check if the phone is online (3G or wifi, but at least one
    Thanks in advance!!!

  • prathima

    Hello Victor,
    Liked all your tutorials and it is very helpful in app development. Thank you so much.
    I am looking for flashcard related sample code in silverlight/xna, by any chance you have tutorial on this. Please let me know.
    Thanks in advance…

  • Keshawn Abell

    Say, you got a nice article. Great.

5 Trackbacks / Pingbacks for this entry



Saturday, February 4, 2012

How to Make Sliding Panels with Only One Button (Using Code-Behind (C#)


In my last tutorial I showed you how to make a sliding panel (#72: http://wp.me/pWN5M-bu or direct URL: http://wp.me/pWN5M-eG).  What I did was to have two identical buttons, one to slide the panel in and one to slide it out.  I just made the appropriate one collapsed when the user clicked one. I did this all in Blend using the ControlStoryboard Behavior.
But my good friend Todd Knudsen challenged me over Twitter to make it all work using only one Button.  I tried using the DataStore, changed all Storyboards to Visual States and using the ChangeDataStoreVale Action.  No matter what I tried I could not get it to work.  So I decided I would have to use code-behind (C#) in this situation and that is what I show how to do int his quick video.  So take a look and enjoy!
Victor
PS: If anyone can help show me how to do this all in Blend, without having to use code, please shoot me an email at wpfauthor at gmail dot com.  Thanks, Victor

3 Comments for this entry

  • Lavanya 
    Thanks a lot for sharing the nice video and keep posting.
  • Victor 
    I started doing this all in Blend with no code behind but I used two idential Buttons, one to show the panel and one to hide it and made them either Visible or Collapsed depending on what state the panel was in.
    My Good friend Todd asked me if I could do it with just one Button. I tried by turning the StoryBoards into visual States, creating a DataStore and using conditions. But as soon as I used the ChangeDataStoreValue Behavuior it seemed to step on the toes of my conditionals.
    So my idea was to make a code-behind (C#) property whereby I kept the state of the panel in a Boolean and ran the correct Storyboad based upon that.
    Someone commented and said “why not just use a ToggoeButton”? So I think that will be my next tutorial. “How to use ONE Button and slide a panel in or out depending on its current state using the Visual State Manager, a DataStore, a Conditional and a ToggleButtton. Sound like a good tutorial or all you all done with sliding panels? Let me know in the comments and your feedback will determine if I do it or not. Thanks, Victor Gaudioso
  • Victor 
    Thanks for remembering me my friend! Victor

1 Trackback or Pingback for this entry


Thursday, February 2, 2012

New Silverlight Video Tutorial: How to make Sliding Panels (All In Blend!)


In this short, 14 minute video I show you how to make a panel that slides off and onto the page when you cilck the expand/collapse Button.  This is in direct response to the call  I made for tutorial ideas.  There is a way to make this Buttonless, so if you are interested in seeing how to do that drop me a  line at wpfauthor at gmail dot com.
Thanks! And Enjoy!  Victor Gaudioso
First Video: (10 min): http://tinyurl.com/7ons4sq
Second Video (4 min): http://tinyurl.com/7ozwmy4
If you would like to be part of my personal email list whereby you get informed first of new tutorials then email me at wpfauthor at gmail dot com.  And you can follow me on twitter at victorgaudioso
Please send me ideas for tutorials and I will make them for you.
Thanks, Victor

2 Comments for this entry

  • Stan Ault 
    Thanks Victor for a great tutorial. We were just discussing changes to our web site from the drop down bullets that you helped me with last year to using slide in panels that stay for a few seconds then slide out and another slides in. Each one with different information on it of our products. I think you gave me some good information on making the changes.
    I look forward to more great tutorials!
  • Victor 
    Stan, tell me exactly what you want to do and I will make a tutorial showihg you how; unless its very difficult and then I will have to charge you a consulting fee ;) Victor

1 Trackback or Pingback for this entry