Learning Silverlight

Silverlight Links

2008-06-29T17:15:00Z

There is already an incredible wealth of samples, articles, tutorials, and applications out there for Silverlight. Here is a list of the links I like to keep my eye on.

Scott Guthrie
Tim Heuer (be sure to check out his video podcasts on Silverlight)
Adam Kinney
WynApse.com
Shawn Wildermuth
Jesse Liberty
Bill Reiss
Dan Wahlin
SilverlightCream

Silverlight 2 Beta 2: Value does not fall within the expected range

2008-06-11T01:32:00Z

This can come from a number of potential errors with XAML. The first thing I now check, is to see if I am attempting to add multiple FrameworkElements with the same x:Name. For me, I was dynamically adding usercontrols to a canvas, but I made the mistake of giving the root element of the usercontrol an x:Name.

Other cases where I created this error:

Specified a Grid.Row or Grid.Column that was greater than the actual number of columns or rows

Runtime Alternative to XamlReader.Load in Silverlight 2 Beta 2

2008-06-08T00:37:00Z

This Sample was update for Silverlight 2 Beta 2 ( the beta 1 example is here )

I can see XamlReader.Load has it's uses for adding FrameworkElements at runtime, but I really hate the way the code looks. Additionally, I don't like the idea of managing a bunch of String.Format statements for my XAML. Things get even more complex when you want to take advantage of events. Luckily, there is an alternative.

Here is an example of adding elements (ellipse, storyboard, doubleanimation) at runtime, and attaching events so that they are removed when the storyboard ends:

public Page()
        {
            InitializeComponent();
            this.MouseLeftButtonUp += new MouseButtonEventHandler(Page_MouseLeftButtonUp);
            updateElementCount();
        }

        public int spriteCount { get; set; }

        void Page_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            Point point = e.GetPosition(this);
            Ellipse ellipse = new Ellipse();
            SolidColorBrush mySolidColorBrush = new SolidColorBrush();
            DoubleAnimation animation = new DoubleAnimation();
            Storyboard storyBoard = new Storyboard();
            
            spriteCount += 1;
            string spriteName =string.Format("SpriteEllipse{0}", spriteCount);
            ellipse.SetValue(Ellipse.NameProperty, spriteName);
            mySolidColorBrush.Color = Color.FromArgb(255, 0, 0, 0);
            ellipse.Fill = mySolidColorBrush;
            ellipse.Width = 30;
            ellipse.Height = 30;
            ellipse.SetValue(Canvas.TopProperty, (point.Y - ellipse.Width/2));
            ellipse.SetValue(Canvas.LeftProperty, (point.X - ellipse.Width/2));
            LayoutRoot.Children.Add(ellipse);
            
            animation.Duration = new TimeSpan(0,0,3);
            animation.From = 1;
            animation.To = 0;
            animation.SetValue(Storyboard.TargetNameProperty, spriteName);
            animation.SetValue(Storyboard.TargetPropertyProperty, new PropertyPath(String.Format("{0}.Opacity", spriteName)));

            storyBoard.Completed+=new EventHandler(storyBoard_Completed);
            storyBoard.SetValue(Storyboard.TargetNameProperty, spriteName);
            
            storyBoard.Children.Add(animation);
            LayoutRoot.Resources.Add(string.Format("{0}_storyBoard", spriteName), storyBoard);
            storyBoard.Begin();

            updateElementCount();
        }

        void storyBoard_Completed(object sender, EventArgs e)
        {
            Storyboard storyBoard = (Storyboard)sender;
            string spriteName = storyBoard.GetValue(Storyboard.TargetNameProperty).ToString();
            FrameworkElement sprite = (FrameworkElement)LayoutRoot.FindName(spriteName);
            LayoutRoot.Children.Remove(sprite);
            LayoutRoot.Resources.Remove(string.Format("{0}_storyBoard", spriteName));
            updateElementCount();
        }

        void updateElementCount()
        {
            this.txtChildren.Text = string.Format("Children.Count = {0}", LayoutRoot.Children.Count());
            this.txtResources.Text = string.Format("Resources.Count = {0}",  LayoutRoot.Resources.Count);
        }

Silverlight 2 Beta 2 %project%TextPage.html Looking for Beta 1 (installed version 2.0.30523 requested version 2.0.30226)

2008-06-07T23:41:00Z

I converted a Beta 1 project to Beta 2 and made a few fixes to get it up and running. However, I noticed the testpage.html was still looking for the previous version of Silverlight 2 Beta 1. It's a quick fix: Create a new Silverlight 2 Beta 2 project/solution and grab the source for the %Project%TestPage.html and use it for your existing project. All you have to change is the path to the .xap file.

Silverlight 2 Beta 2: "Operation could destabilize the runtime"

2008-06-07T21:07:00Z

I ran into this after having Visual Studio convert my Beta 1 project to Beta 2.

System.Security.VerificationException was unhandled by user code
Message="Operation could destabilize the runtime."

I created a new Beta 2 solution from scratch and noticed at least one difference, which turned out to be a fix in my case. The reference to mscorlib was pointing to "%\Program Files\Microsoft Silverlight\2.0.30226.2\mscorlib.dll" for my converted project, but was pointed to "%\Program Files\Microsoft SDKs\Silverlight\v2.0\Reference Assemblies\mscorlib.dll" in the new Beta 2 solution. I updated the reference to the new location and all was well except for a few Beta 2 breaking changes that were easy to fix.

Note: I had two references to mscorlib in the previous location, inside two projects in my solution. One was a Silverlight Library, and the second was a Silverlight App that referenced the library. The error stack had the error inside the referenced library.

The requested operation cannot be performed on a file with a user-mapped section open. Silverlight

2008-06-06T17:26:00Z

I am getting this error when publishing the a asp.net website that gets added to he solution for Silverlight applications in Visual Studio 2008.

The requested operation cannot be performed on a file with a user-mapped section open.

I do not know the root cause yet, but I am currently getting around it by clearing out all the files in the website's ClientBin folder before publishing.

Runtime Alternative to XamlReader.Load in Silverlight

2008-06-01T18:01:00Z

Update: This was a Silverlight Beta 1 example. Beta 2 now has updates to make this even easier. Here is an example.

Here is an example of adding elements (ellipse, storyboard, doubleanimation) at runtime, and attaching events so that they are removed when the storyboard ends:

 public Page()
        {
            InitializeComponent();
            this.MouseLeftButtonUp += new MouseButtonEventHandler(Page_MouseLeftButtonUp);
            updateElementCount();
        }

        public int spriteCount { get; set; }

        void Page_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            Point point = e.GetPosition(this);
            Ellipse ellipse = new Ellipse();
            SolidColorBrush mySolidColorBrush = new SolidColorBrush();
            DoubleAnimation animation = new DoubleAnimation();
            Storyboard storyBoard = new Storyboard();
            
            spriteCount += 1;
            string spriteName =string.Format("SpriteEllipse{0}", spriteCount);
            ellipse.SetValue(Ellipse.NameProperty, spriteName);
            mySolidColorBrush.Color = Color.FromArgb(255, 0, 0, 0);
            ellipse.Fill = mySolidColorBrush;
            ellipse.Width = 30;
            ellipse.Height = 30;
            ellipse.SetValue(Canvas.TopProperty, (point.Y - ellipse.Width/2));
            ellipse.SetValue(Canvas.LeftProperty, (point.X - ellipse.Width/2));
            LayoutRoot.Children.Add(ellipse);
            
            animation.Duration = new TimeSpan(0,0,3);
            animation.From = 1;
            animation.To = 0;
            animation.SetValue(Storyboard.TargetNameProperty, spriteName);
            animation.SetValue(Storyboard.TargetPropertyProperty, "Opacity");

            storyBoard.Completed+=new EventHandler(storyBoard_Completed);
            storyBoard.SetValue(Storyboard.TargetNameProperty, spriteName);
            storyBoard.Children.Add(animation);
            LayoutRoot.Resources.Add(storyBoard);
            storyBoard.Begin();

            updateElementCount();
        }

        void storyBoard_Completed(object sender, EventArgs e)
        {
            Storyboard storyBoard = (Storyboard)sender;
            string spriteName = storyBoard.GetValue(Storyboard.TargetNameProperty).ToString();
            FrameworkElement sprite = (FrameworkElement)LayoutRoot.FindName(spriteName);
            LayoutRoot.Children.Remove(sprite);
            LayoutRoot.Resources.Remove(storyBoard);
            updateElementCount();
        }

        void updateElementCount()
        {
            this.txtChildren.Text = string.Format("Children.Count = {0}", LayoutRoot.Children.Count());
            this.txtResources.Text = string.Format("Resources.Count = {0}",  LayoutRoot.Resources.Count);
        }

SilverTwitter: A Service Enabled Silverlight App

2008-04-27T18:01:00Z

This Silverlight application is a simple example of how to consume data from a web service.

This sample was built with:

Visual Studio 2008
Microsoft Silverlight Tools Beta 1 for Visual Studio 2008

Download the source

Note: There are three projects in this solution, the Silverlight application, the website to host the application, and the web service to provide data. The web service was created separately to demonstrate a cross domain service call. For grins, remove crossdomain.xml from the web service.

Silverlight 2 - More Goodness from ScottGu

2008-02-23T18:27:00Z

Scott has a post 'First Look at Silverlight 2' that reveals some goodies coming up in the Beta1 release. He has also listed a number of great Silverlight tutorials:

Part 1: Creating "Hello World" with Silverlight 2 and VS 2008

Part 2: Using Layout Management

Part 3: Using Networking to Retrieve Data and Populate a DataGrid

Part 4: Using Style Elements to Better Encapsulate Look and Feel

Part 5: Using the ListBox and DataBinding to Display List Data

Part 6: Using User Controls to Implement Master/Details Scenarios

Part 7: Using Templates to Customize Control Look and Feel

Part 8: Creating a Digg Desktop Version of our Application using WPF

I found some more Silverlight insider goodness from Adam Kinney.

Silverlight in CommunityServer

2007-09-16T21:53:00Z

I ran into a few issues getting a silverlight app running inside CommunityServer ( version is 2007.1 ). To keep things clean, I am publishing all required files for the silverlight app in it's own folder off the root of the site. I then want to embed that app in a single post. Simon Guest posted a great tutoral for Silverlight Videos, but I was still having issues loading the app. After using his iframe example, I got this error:

ag_e_runtime_managed_assembly_download

Searching on that led me to this post. The fix turned out to be easy. I updated the website to allow only scripts instead of 'scripts and executables' ( website properties > Home Directory tab, Execute Permissions setting ).

Now I have it working for this post: SpaceRocks "With Friggin Laser Beams"