• 第一部分：使用Silverlight 2 和 VS 2008创建“Hello World”程序
• 第二部分：使用布局管理 (木野狐译)
• 第三部分：使用 Networking取回数据并填充DataGrid
• 第四部分：使用 Style 元素更好地封装观感 (木野狐译)
• 第五部分：用 ListBox 和 DataBinding 显示列表数据 (木野狐译)
• 第六部分：使用用户控件实现主从表场景
• 第七部分：使用控件模板定制控件的观感
• 第八部分：使用WPF创建一个Digg桌面应用

【原文地址】Silverlight Tips, Tricks, Tutorials and Links Page

我将使用本页链接到有关Silverlight 2的文章和贴子（包括我写的和别人写的），请经常回来查看新的内容，因为我才开始。

入门教程

• Silverlight 2 初览: 我建议先读这个贴子，如果你正考虑开始Silverlight 2开发的话。该文不仅对Silverlight 2提供的功能做了高层次的描述，还链接到了一个八个贴子的系列教程，该教程对如何建造一个Digg客户端例程做了示范。这些教程贴子对Silverlight 2和WPF开发的概念提供了很好的介绍。

• 使用Expression Blend开发Silverlight 2应用 -- 初览: 我建议下载Expression Blend 2.5 三月份预览版，按本教程贴子的步骤进行。我认为它很好地展示了Expression Blend的一些常见功能，用它建造了一个IM聊天客户端例程。

• Unit Testing with Silverlight 2: Silverlight开发团队的Jeff Wilcox有一篇精彩贴子，讨论如何使用Silverlight SDK中的单元测试框架单元测试Silverlight 2应用。

入门讲座

• Building Rich Internet Applications with Silverlight (Part 1 and 2): Joe Stegman和Mike Harsh在MIX 08上做了这分成2个部分的讲座， 讨论如何使用Silverlight建造应用。你可以使用上面的链接观看他们讲座的录像和下载相关讲义和示范例程。

• Creating Rich, Dynamic User Interfaces with Silverlight 2 Controls: Karen Corby在MIX 08上有个极棒的讲座，很好地解释了样式，控件模板，用户控件等等。你可以在这里运行和下载她完整的FlickR应用。

• 我的Silverlight入门讲座: 你可以下载我最近在亚利桑那做的“Silverlight 2入门”讲座的讲义和示范例程，请随意在你自己的讲座中重用这些讲义。

文档链接

• Silverlight 2 QuickStart Tutorials: 这些示范教程在上手Silverlight时会非常有用。

• Silverlight 2 Developer Poster: 下载和打印Silverlight 2开发者海报。

• Silverlight Control Source and Unit Tests: Shawn Burke提供了内置的Silverlight控件的源码以及相关单元测试的链接。

• MSDN Silverlight 2 Beta1 Online Documentation: 这个网页提供了正式的Silverlight 2文档的链接。你可以在这里下载离线版本。

教程和例程

• "How Do I?" with Silverlight: 这个链接连到了含有一堆Silverlight 2录像教程的网页。

• Hard Rock Memorabilia Sample: Vertigo Software公司的Scott Stanfield讨论三月份发布的使用Silverlight 2建造的很酷的Hard Rock Memorabilia网站。

• Using Deep Zoom with Silverlight 2: Jacek Ciereszko有一个很好的博客贴子，描述了如何使用Silverlight 2的 “Deep Zoom”功能实现跟Hard Rock例程类似的图像放大功能。

• Game Programming with Silverlight: Mike Snow正打造一个分成十一个部分的博客系列，讨论如何使用Silverlight开发在线游戏。

• Homepage "Link Cloud" application: Jeff Wilcox讨论他建造的一个很酷的标签云应用。

部署体验

• Providing a Great Silverlight Deployment Experience: Tim Heuer有个很好的贴子，讨论可以为你所用的技术来优化Silverlight安装体验。

• Using Silverlight 2 on a Production Web Server: Brad Abrams有个很好的贴子，讨论在把Silverlight .xap文件拷贝到IIS web服务器时需要注意的几件事情。

控件模板

• Creating a Custom Skin for Silverlight's Button Control: Matt Berseth的一个精彩好贴，讨论Silverlight控件的皮肤和样式功能。

• Writing a Templated Silverlight Control: Shawn Burke有个精彩贴子，详细描述了如何创建定制的Silverlight模板控件。

• Improving Access to Silverlight's Generic.xaml Resources (也阅读 这里的Part 2): David Anson有个很棒的工具，示范如何查看和提取内置Silverlight控件的默认XAML样式。

ListBox和ScrollViewer场景

• Ultimate ListBox and ScrollViewer Frequently Asked Questions Guide: David Anson，Silverlight ListBox和ScrollViewer控件的开发者，编篡了这个很棒的，关于所有这些控件的FAQ以及你可以使用它们的场景。

• Cool (wacky) uses of the ListBox and ScrollViewer controls: David Anson的又一篇精彩贴子，展示了数据和控件模板的灵活性。

DataGrid场景

• Using the Silverlight DataGrid and Defining Columns for a Silverlight DataGrid: Scott Morrison开始了一个精彩贴子系列，描述如何使用新的Silverlight 2 DataGrid控件（他是相关项目的主管，绝对精通！）

• Using Silverlight 2's DataGrid with WCF + LINQ to SQL: 这个15分钟的录像博客示范了如何在服务器上建造一个LINQ to SQL对象模型，然后用WCF将其发布，然后示范了如何建造一个使用了新的Silverlight DataGrid控件的Silverlight客户端，该客户端调用WCF服务获取LINQ to SQL数据，将其绑定到DataGrid上。

• Simple Editing of Web Service Data in a DataGrid: Mike Taulty有一篇好贴，展示如何在服务器上建造WCF服务，然后从Silverlight 2客户端使用它来获取数据，绑定到DataGrid，允许用户更新数据行，添加/删除数据行，然后使用 Silverlight 2 Beta1将数据保存到服务器上。

• Sorting with Silverlight 2's DataGrid Control: Silverlight 2 Beta1中的DataGrid控件还没有内置的列数据排序支持（将在Beta2中提供），但这并没有阻止Matt Berseth！ 在这个贴子里，他展示了如何使用一个定制的header列方法来实现排序。也看一下Matt的 这里的贴子，该文提供了一个DataGrid测试页面，展示了目前DataGrid的若干特性。

Web Services 和 Networking

• Web Services and Silverlight: 这个有用的贴子讨论了如何在Silverlight中使用web服务，并且提供了相关快速入门例程和文档的链接。

• Calling Web Services with Silverlight 2 (Part 1) and (Part 2): Tim Heuer的几篇精彩贴子，讨论如何使用Silverlight调用web服务。

Video场景

• Encoding Video for Microsoft Silverlight Delivery: Ben Waggoner在MIX 08上的讲座，讨论编码Silverlight录像的最佳实践。

Accessibility 和 508相容性

• Accessibility in Silverlight 2: Silverlight开发团队的Mark Rideout讨论 Silverlight 2 中的accessibility支持，以及如何使用Silverlight建造与section 508相容的accessible方案。

Silverlight

• 50 New Silverlight 2 Beta 1 Screencasts: Mike Taulty 和 Mike Ormond 在他们的“业余时间”里录制了50个很棒的讨论Silverlight 2的教程屏播，太棒了！

• AutoComplete for Silverlight TextBoxes: Nikhil Kothari有一篇很好的博客贴子，示范了他是如何建造一个Silverlight的自动完成行为控件的。

• Scrolling through Large Resultsets with Silverlight 2 and LINQ to SQL: Swiss MSDN队有一篇很好的博客贴子，示范了如何使用Silverlight DataGrid 和 LINQ to SQL对大数据集进行卷动浏览。

• IValueConverter: The Swiss Army Knife of Bindings: David Anson有一篇很有用的博客贴子和相应例程，示范了如何使用Silverlight 和 WPF中的IValueConverter功能，支持对复杂对象更丰富的绑定。

• Silverlight 2 Pie Chart: Peter McGrattan贴出了一个很好的控件和相应文章，示范如何使用他编写的一个新Silverlight图表控件。

Silverlight

• Defining Silverlight DataGrid Columns at Runtime: Silverlight开发团队的Scott Morrison有一篇很酷的贴子，讨论如何在运行时通过代码来定义Silverlight DataGrid的列，访问我的 Silverlight链接网页（中文版），找找更多关于DataGrid的贴子。

• Silverlight HTTP Networking Stack (Part 1), (Part 2), (Part 3): Silverlight开发团队的 Karen Corby 撰写了一个分成3个部分的精彩博客系列，讨论新的Silverlight 2 networking stack以及跨域安全是如何在其中工作的。

• Pushing Data to a Silverlight Client with Sockets (Part 1) and (Part 2): Dan Wahlin示范了如何实现一个GameStream socket服务器，如何使用Silverlight 2中内置的network sockets支持从Silverlight客户端连接到该服务器。

• Silverlight - the Song: Spike Xavier和Dan Wahlin 又发表了一首独一无二的歌曲，《Silverlight之歌》，:-)

Silverlight

• Dave Campbell's Excellent Silverlight Link Series: Dave Campbell定期贴出网上新Silverlight文章和内容的系列链接，我高度推荐订阅他的博客，如果你想要了解最新的Silverlight文章和贴子的话。

• Silverlight 2 Map / DataGrid Tutorial: Jason Zander有一个精彩的二部分Silverlight教程，示范了如何建造数据驱动的应用，结合了地图控件和datagrid来过滤和分析数据。

• CRUD operations with Silverlight 2, WCF and LINQ to SQL: Swiss MSDN开发团队的Ronnie Saurenmann有一个很棒的录像，展示了一下如何使用Silverlight 2通过WCF连接到LINQ to SQL后端来支持插入，更新和删除数据。

• Writing a Templated Silverlight 2 Control: Shawn Burke有一篇精彩的教程贴子，按部就班地示范如何建造一个Silverlight模板控件来实现一个可缩放的控件。

Silverlight

• Using the Silverlight DataGrid and Defining Columns for a Silverlight DataGrid: Scott Morrison开始了一个很精彩的贴子系列，描述如何使用新的Silverlight 2 DataGrid控件（他是该控件的项目主管，所以他绝对精通！）。

• Using Silverlight 2's DataGrid with WCF + LINQ to SQL: 这个15分钟的录像博客示范了如何在服务器上建造一个LINQ to SQL对象模型，然后用WCF将其发布，然后示范了如何建造一个使用了新的Silverlight DataGrid控件的Silverlight客户端，该客户端调用WCF服务获取LINQ to SQL数据，将其绑定到DataGrid上。

• Simple Editing of Web Service Data in a DataGrid: Mike Taulty有一篇好贴，展示如何在服务器上建造WCF服务，然后从Silverlight 2客户端使用它来获取数据，绑定到DataGrid，允许用户更新数据行，添加/删除数据行，然后使用 Silverlight 2 Beta1将数据保存到服务器上。

• Sorting with Silverlight 2's DataGrid Control: Silverlight 2 Beta1中的DataGrid控件还没有内置的列数据排序支持（将在Beta2中提供）。但这并没有阻止Matt Berseth！ 在这个贴子里，他展示了如何使用一个定制的header列方法来实现排序。也看一下Matt的这里的贴子，该文提供了一个DataGrid测试页面，展示了目前DataGrid的若干特性。

• Open Source Silverlight Charts with VisiFire: Silverlight还没有内置的图表控件。好消息是， Webyog公司刚发布了一套非常酷的开源Silverlight图表控件（带有动画支持），允许你轻松地建造好看的图表，他们的模型极大地方便了在现有的HTML或AJAX应用中图表组件的使用。

WPF and Silverlight

• Silverlight 1.1 Hebrew and Arabic Language Support: 目前Silverlight还不支持从右到左的文字布局。Justin-Josef Angel启动了一个绝对惊异的CodePlex项目提供这样的支持。现在就去CodePlex下载代码，在这里阅读他的有关详细教程吧。

• .NET 3.5 Add-In Model: Jack Gudenkauf是我开发团队的开发人员，他负责.NET 3.5中新的System.AddIn命名空间的设计。 这个命名空间方便你往客户端应用中建造插件的扩展性。此外，它还允许你跨越应用域和进程边界隔离插件和WPF控件（这里是一个这样的例程）。观看Jack在Channel9的录像以了解详情。

• Data Binding in WPF: MSDN杂志上John Papa撰写的一篇好文章，描述了WPF绑定模型的工作原理的一些基本知识。Josh Twist也在这里 和 这里 撰写了一些很好的WPF数据绑定的文章。想进一步学习WPF的话，我极力推荐 Adam Nathan的佳作《WPF Unleashed》 (在Amazon.com上45个评语之后还是5星级)。Silverlight 1.1的下一个公开版将支持和WPF完整版中一样强大的数据绑定模型，将极大地方便数据应用的建立。

Silverlight

• 使用.NET打造Silverlight应用的MIX UK录像: 最近举行的MIX UK大会上的录像已经上线，可以为任何人免费观赏。如果你对Siliverlight感兴趣，我建议你观看我的使用.NET打造Silverlight应用的讲座的录像（分成第一、第二部分）。你可以在这里下载讲义和例程。

• 使用了Jeff Paries 动画引擎的SilverlightVR 3D: 这是一个非常，非常酷的样例和代码库，它允许你创建允许用户旋转和转换3D对象的Silverlight应用。

• Silverlight Kids Doodler 例程: David Anson 发表了一个很精致的样例，示范如何在Silverlight里建造一个精致的绘画程序。特别适宜儿童，:-)。

• Silverlight精彩教程: Gerard Leblanc著有一个精彩的博客，经常发表关于Silverlight的博客贴子。去看一下他的一些教程的列表。

Silverlight

• 《Silverlight Unleashed》 一书将于本周出版: Adam Nathan的佳作《Silverlight Unleashed》将于本周稍后（10月11日）出版 。Adam 写的《WPF Unleashed》畅销书，是今年Amazon最畅销的编程书之一，他还是Microsoft PopFly 服务（是用Silverlight建造的）的核心架构师。我非常期待拿到这本新书！

  

• 精妙的Quiksilver录像体验: 这是个非常酷的Silverlight网站，展示了使用Silverlight打造精美的录像体验。非常棒！

• Vectorform Labs Silverlight 样例: Vectorform 最近刚发布了一些非常棒的Silverlight例程（带完整的源代码），绝对值得一看。

• Farseer物理引擎: 这个免费的CodePlex项目提供了一个非常好的Silverlight 1.1 2D物理引擎。你可以在这里看一些在线演示。

• 在企业环境里部署Silverlight: David Tesar 和Tim Sneath指出了一个非常好的文档，企业IT管理员可以用来学习如何在安全防范的企业环境里自动部署Silverlight。

CLR & Silverlight上海研发团队的Blog

这样写是没有问题的。

但是有的朋友可能为了提高代码共用程度，而把 myServiceClient 这个 WCF 的客户端代理对象作为类的字段来定义，以便在多次调用中共享。比如这篇教程中所说的：

“这一步比较复杂，这里分小点讨论。为了调用WCF服务，先定义一下全局变量。

其中 OneWay 表示仅仅从数据源绑定到目标(通常是 UI 对象)，单向的；

TwoWay 表示既可以从数据源绑定到目标，目标的更改也可以反馈给数据源，使其发生更新。

而 OneTime 是 OneWay 的一种特例，仅加载一次数据。随后数据的变更不会通知绑定目标对象。这样，可以带来更好的性能。

绑定的语法可以用大括号表示，下面是几个例子：

<TextBlock Text="{Binding Age}" />

等同于：

<TextBlock Text="{Binding Path=Age}" />

或者显式写出绑定方向：

<TextBlock Text="{Binding Path=Age, Mode=OneWay}" />

按照数据绑定的语义，默认是 OneWay 的，也就是说如果后台的数据发生变化，前台建立了绑定关系的相关控件也应该发生更新。

比如我们可以将文章 (1) 中提到的数据源改为当前页面的一个私有成员，然后在某个 Button 点击事件中更改其中的值。代码如下：

	public partial class Page : UserControl
	{
		private List<Person> persons;
		public Page()
		{
			InitializeComponent();

			persons = new List<Person>();
			for(var i=0; i< 5; i++)
			{
				persons.Add(new Person {Name = "Person " + i.ToString(), Age = 20 + i});
			}
			list1.DataContext = persons;
		}

		private void Button_Click(object sender, RoutedEventArgs e)
		{
			persons[0].Name = "Tom";
		}
	}

但是我们点击 Button 发现 ListBox 里的数据并没有发生变化。这是因为在数据源更新时，并没有发出任何通知。

我们可以让数据源中的对象实现 INotifyPropertyChanged 接口，在绑定的源属性值发生变化时，发出相关的通知信息。

代码如下：

	public class Person: INotifyPropertyChanged
	{
		private int age;
		public int Age
		{
			get
			{
				return age;
			}
			set
			{
				age = value;
				NotifyPropertyChange("Age");
			}
		}

		private string name;
		public string Name 
		{
			get
			{
				return name;
			}
			set
			{
				name = value;
				NotifyPropertyChange("Name");
			}
		}
		public event PropertyChangedEventHandler PropertyChanged;

		private void NotifyPropertyChange(string propertyName)
		{
			if(PropertyChanged != null)
			{
				PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
			}
		}
	}

这个代码的原理很简单，这里就不解释了。这样以后，点击按钮，前台的 ListBox 中第一条数据的人名就变成了 Tom:

俗话说，要知其然，知其所以然。上面的代码说明了在数据源对象中可以设计一个事件通知属性值的变化，并在适当的时候触发之。但是我们并不知道有谁监听了这个事件，并且把这个通知传达到绑定目标对象 (binding target)，也就是 UI.

我们用 Reflector 看看 Silverlight 2 beta 2 的源代码，会发现下列两个关键的类：

internal class BindingExpression : BindingExpressionBase
{
	// ...

	// 连接到数据源
	private void ConnectToSource(int index)
	{
		this._binding._isSealed = true;
		if (this._binding.Path.PathParts == null)
		{
			this._cachedValue = this._source;
		}
		else if ((this._sourceListeners == null) || (index != this._sourceListeners.Length))
		{
			bool flag = false;
			try
			{
				object source;
				if ((this._sourceListeners == null) && (this._binding.Mode != BindingMode.OneTime))
				{
					this._sourceListeners = new WeakPropertyChangedListener[this._binding.Path.PathParts.Length];
				}
				if (index == 0)
				{
					source = this._source;
				}
				else
				{
					source = this._sourceListeners[--index].Source;
				}
				for (int i = index; i < this._binding.Path.PathParts.Length; i++)
				{
					if (source == null)
					{
						flag = true;
						return;
					}
					if ((this._binding.Mode != BindingMode.OneTime) && (this._sourceListeners[i] == null))
					{
						// 这里尝试创建源对象的属性变更监听器 (A)
						this._sourceListeners[i] = WeakPropertyChangedListener.CreateIfNecessary(source, this);
					}
					this._sourcePropertyInfo = source.GetType().GetProperty(this._binding.Path.PathParts[i]);
					this._leafSourceObject = source;
					if (this._sourcePropertyInfo == null)
					{
						TraceBindingError("The path '" + this._binding._path.Path + "' is invalid");
						this._leafSourceObject = null;
						flag = true;
						return;
					}
					try
					{
						source = this._sourcePropertyInfo.GetValue(source, null);
					}
					catch (TargetInvocationException)
					{
						TraceBindingError("Could not connect to '" + this._binding._path.Path + "'");
						this._leafSourceObject = null;
						return;
					}
				}
				if ((this._binding.Mode == BindingMode.OneTime) || (this._sourceListeners[this._sourceListeners.Length - 1] == null))
				{
					this._cachedValue = source;
				}
				flag = true;
			}
			finally
			{
				if (!flag)
				{
					this.DisconnectFromSource(index);
					this._sourcePropertyInfo = null;
					this._leafSourceObject = null;
				}
			}
		}
	}
}


internal class WeakPropertyChangedListener
{
	// ...

	// 被 (A) 处代码调用 (B)
	internal static WeakPropertyChangedListener CreateIfNecessary(object source, BindingExpression bindingExpression)
	{
		// 查看数据源是否实现了 INotifyPropertyChanged 接口
		INotifyPropertyChanged notify = source as INotifyPropertyChanged;
		if (notify != null)
		{
			// 如果有，创建一个监听器，调用 (C)
			return new WeakPropertyChangedListener(notify, bindingExpression);
		}
		return null;
	}

	// 构造函数 (C)
	 private WeakPropertyChangedListener(INotifyPropertyChanged notify, BindingExpression bindingExpression)
	{
		this._notifyPropertyChanged = notify;
		// 这里注册事件的回调函数，以便在属性变化时获得通知（调用 D）
		notify.PropertyChanged += new PropertyChangedEventHandler(this.PropertyChangedCallback);
		this._weakBindingExpression = new WeakReference(bindingExpression);
	}

	// 回调函数 (D)
	private void PropertyChangedCallback(object sender, PropertyChangedEventArgs args)
	{
		BindingExpression target = this._weakBindingExpression.Target as BindingExpression;
		// 这里触发绑定目标对象的更新 (E)
		if (target != null)
		{
			target.SourcePropertyChanged(sender, args);
		}
		else
		{
			this.Disconnect();
		}
	}

}

由上述代码跟踪可以看到整个调用流程(A -> B -> C -> D)：

BindingExpression.ConnectToSource()

-> WeakPropertyChangedListener.ctor()

-> WeakPropertyChangedListener.PropertyChangedCallback()

-> BindingExpression.SourcePropertyChanged()

在 BindingExpression 中连接数据源时，就判断其是否实现了 INotifyPropertyChanged 接口，如果实现了，则注册一个回调函数。

在数据源发生变化时，将触发这个回调函数，在这个函数中调用到 BindingExpression 的 SourcePropertyChanged() 函数去更新目标对象。

这样就实现了一个 source -> target 绑定的数据更新触发机制。

    public class Person
    {
        public int Age { get; set; }
        public string Name { get; set; }
    }

例子1：

        <ListBox x:Name="list1">
            
        </ListBox>

    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();

            var persons = new List<Person>();
            for(var i=0; i< 5; i++)
            {
                persons.Add(new Person {Name = "Person " + i.ToString(), Age = 20 + i});
            }
            list1.DataContext = persons;
        }
    }

这里仅指定了 list1 的 DataContext 属性，运行后发现页面没有显示。

如果在页面里改一改：

        <ListBox x:Name="list1" ItemsSource="{Binding}">
            
        </ListBox>

会发现绑定成功。但是数据项显示为默认的 Person 对象 ToString() 后的表示，不太友好。如下图：

或者，也可以将后台代码改成：

list1.ItemsSource = persons;

而页面 markup 仍然是：

        <ListBox x:Name="list1">
            
        </ListBox>

这样也能绑定成功。
这里的原因在于：ListBox 通过 ItemsSource 里的数据去填充数据项，所以直接给这个属性赋值是可以的。
或者，通过空绑定语法 {Binding}，指定 ItemsSource 属性绑定为数据源的对象本身（未指定绑定路径）。而数据源就是通过 DataContext 获得的，并且这个属性的数据可以从父对象继承下来。
下面给 ListBox 指定列表项的数据模板，让它显示的好看一点：

        <ListBox x:Name="list1">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Age}" Margin="20,0" />
                        <TextBlock Text="{Binding Name}" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

还可以将 DataTemplate 定义到 App 的 Resource 里去，以便于重用。

App.xaml:

<Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             x:Class="SilverlightTestApp.App"
             >
    <Application.Resources>
		<DataTemplate x:Key="ListBoxDataTemplate">
			<StackPanel Orientation="Horizontal">
				<TextBlock Text="{Binding Age}" Margin="20,0" />
				<TextBlock Text="{Binding Name}" />
			</StackPanel>
		</DataTemplate>
	</Application.Resources>
</Application>

Page.xaml:

<UserControl x:Class="SilverlightTestApp.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
		<ListBox x:Name="list1" ItemTemplate="{StaticResource ListBoxDataTemplate}">
		</ListBox>
	</Grid>	
</UserControl>

运行后效果一样。