WP7 开发 31 日谈——第21日：Silverlight Toolkit for Windows Phone.docVIP

By Jeff Blankenburg 本文是“Windows Phone 7 开发 31 日谈 ” 系列的第21日。 在昨天讨论了地图控件之后，我突然想到你可能 还 不知道Silverlight Toolkit为你提供了大量的 控件。今天的文章就来讲解Silverlight Toolkit for Windows Phone ，另外，还会说到Silverlight 3 Toolkit 。 什么是工具包？ 在最初的Silverlight 3工具包 中有一大堆可以用在项目中的额外控件。包含的控件从图表（Chart）到手风琴视图（Accordion），从日期选择器（Date Picker）到自动完成输入框（Autocomplete Box）。这个工具包最棒的地方就是它完全兼容我们用Silverlight写的Windows Phone应用程序。 Silverlight Toolkit for Windows Phone与之类似，但它包含了额外的一些可以用在Windows Phone程序中的控件。它们是： ContextMenu DatePicker TimePicker GestureListener ToggleSwitch WrapPanel 在本文下面的内容中我会为工具包中的每种控件都提供一个例子，不过我还是强烈建议你仔细研究Silverlight 3 Toolkit 。这里有大量可以用在你的项目中的控件，示例和代码。我会在后面的文章中介绍工具包中的图表控件，但是你需要耐心等待，当然你也可以现在就开始研究它。 ContextMenu 控件 如果你试过将某个程序别到起始页上，你就会看到ContextMenu在起作用。下面是我在将Internet Explorer放到模拟器起始页面时的样子（按下并保持就会显示这个菜单）： 为了让这个菜单出现，我们需要使用Silverlight工具包中的ContextMenu控件。和本文所有的例子一样，我们需要在项目中添加Silverlight工具包的程序集。你可以在这看到： 添加程序集后，还要在XAML页中添加名称空间。将这个名称空间添加到文件顶部的phone:PhoneApplicationPage标签中： view plain xmlns:toolkit=clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit  现在可以进入正题了。让我们找一个能为用户提供更多选项的控件，矩形。我们可能会有一个用户想与之交互的形状，图片或图标等等。也可能对这个矩形我们要做更多的事（想想右击菜单）。通过向矩形添加一个ContextMenu，可以在用户点击对象并保持时弹出一个菜单。它可以是任何XAML元素，所以你甚至可以在应用程序的背景，全景视图或按钮中应用此控件。下面是如何使用它的XAML代码： view plain Rectangle Width=100 Height=100 Fill=Red toolkit:ContextMenuService.ContextMenu toolkit:ContextMenu toolkit:MenuItem Header=this is menu item 1 Click=MenuItem_Click / toolkit:MenuItem Header=this is menu item 2 Click=MenuItem_Click / toolkit:MenuItem Header=this is menu item 3 Click=MenuItem_Click / /toolkit:ContextMenu /toolkit:ContextMenuService.ContextMenu /Rectangle  通常我们要使用ContextMenuService，在特定的控件上添加ContextMenu。你可以看到每一项都有一个Click事件，允许将这些菜单项与代码相关联。下面是我的ContextMenu截图： 如果你在模拟器中测试这个程序，可能会注意到背景中的内容都缩小了一点，好像陷入了背景中，将菜单呈现在了用户所注视的正前方。当然你可能不需要这个动作，那么在toolkit:ContextMenu项中有一个IsZoomEnabled 特性。将它设置为false可以停止自动的缩放动画。为XAML元素添加这种类似右击菜单的内容很简单。这可能是6个控