存档

档案馆3月,2009

Silverlight的工具包设计的时代特点:2009年3月发布的更新

2009年3月19日 2条评论

介绍

2009年3月发布Silverlight的工具包有很多改进和新功能。 其中,更新设计时的特点:

  • 基于一个新的MSI安装程序,它提供与Visual Studio紧密整合与交融出框,从而使与Silverlight开发工具包的容易得多;
  • 支持与Visual Studio 2008和配方2,和Silverlight 3与Visual Studio 2008和混合3开发的Silverlight 2开发;
  • 添加新的控件(设计时采用了6个手风琴DomainUpDownLayoutTransformerTimePickerTimeUpDownTransitioningContentControl );
  • 利用新的设计时间在Blend 3(并很快在Visual Studio 2010)可扩展性的框架,并改善现有的控件设计时的功能,比如默认intializers,AlternateContentPropertyAttribute,和自定义编辑,以提供更好的设计经验,尤其是在Blend 3。

这个职位是更新后我以前设计时在Silverlight工具包的特点

Silverlight 2开发的Visual Studio 2008和配方2

格局

http://silverlight.net/GetStarted/

http://www.codeplex.com/Silverlight

  • 按“2009年3月的Silverlight 2工具包安装程序”链接,并运行微星:(您也可以保存到您的电脑和微星运行它以后)

http://silverlight.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=20430

安装完成后,你将看到Silverlight 2的计算机上安装工具包:

C:Program FilesMicrosoft SDKsSilverlightv2.0ToolkitMarch 2009LibrariesDesign

请注意:

  • 有一个命名空间(包括CLR的和xmlns前缀)和装配从以前的版本Microsoft.Windows.Controls名称更改此释放System.Windows.Controls。 请参阅肖恩伯克的后2009年3月发布的Silverlight工具包一个很好的解释Silverlight的工具包的开发与改变及其影响。
  • 除了现有的四个(控制,Controls.Input,Control.DataVisualization和Controls.Theming)在以前的版本工具包组件,有一个新的程序集将在这个版本:Controls.Layout,其中载有手风琴,LayoutTransfer和TransitioningContentControls。
  • 我们仍然遵循相同的设计时组件约定:有三个设计运行时间为每个组件的装配时间(。设计。expression.design和。visualstudio.design),以及所有居住在设计时组件设计子文件夹。

还有一个新的Microsoft的Silverlight 2工具包2009年3月开始菜单项目组提供方便工具包的所有相关信息,如文档,示例,在本地计算机上的源代码,和Silverlight工具包论坛和网站CodePlex上页:

Microsoft Silverlight 2 Toolkit March 2009 Start Menu item

演练

让我们使用一个演练如何在Blend中创建一个图表控件显示Silverlight的工具包的设计时功能:

  • 创建一个新的Silverlight 2应用程序项目中的融合:

New Project Dialog

  • 添加参考工具包程序集:(在这里,我添加所有工具包组件,但只有System.Windows.Controls.DataVisualization.Toolkit.dll是本演练需要)

Add Reference to Toolkit Assemblies

  • 开放的构件库,单击自定义控制选项卡,双击图表控件:

Toolkit Controls in Asset Library

  • 添加一个图表控件到设计图面,设置在数据可视化属性面板类的Title属性:

Infotip, custom category, and custom editor

  • 点击新建按钮旁边的DataContext通用属性下,从选择对象对话框中选择PointCollection,属性,然后单击确定:

Create DataContext

  • 在XAML编辑器,替换生成的XAML的“<PointCollection />”要像下面的截图中强调的,为图表控件来显示一些数据:

Edit DataContext

  • 按一下按钮,旁边的...“系列(征收)”根据共同财产的性质类别,点击“添加其他项目的系列集合编辑器”按钮对话框,在选择对象对话框中选择ColumnSeries,然后单击确定:

Create Series

  • 回到系列集合编辑器对话框,设置在右窗格中的新创建的属性ColumnSeries属性:
    • 设置DependeptValuePath X和IndependentValuePath为Y,在双方的共同属性类别
      Series Collection Editor
    • 点击到ItemsSource属性的权利,选择数据绑定...从弹出的上下文菜单矩形:
      Databinding for ItemsSource
    • 选择的唯一项目,PointCollection(数组)项目野外列表框,在创建数据绑定对话框,然后单击完成按钮:
      Create Data Binding Dialog
    • 回到系列集合编辑器对话框再次,注意ItemsSource属性现在是一个黄色的矩形包围,表明它现在已经变了一个数据绑定的值。 单击确定以关闭系列集合编辑器对话框:
      Series Collection Editor
  • 我们又回到了配方的主要窗口,瞧,我们有一个图表控件呈现在设计视图很好:

Yes!

我们可以按F5键生成并运行,从配方,或项目在Visual Studio中打开该项目,以继续编辑的XAML和代码。 注意在下面的截图是在Visual Studio工具箱与工具包控制自动填充:

Visual Studio

的Silverlight 3开发与Visual Studio 2008和混合3

格局

在开始之前,请阅读笔记上开发的重要http://silverlight.net/getstarted/silverlight3/default.aspx#工具小心(在下面的截图太)。

安装完成后,你将看到的Silverlight 3 Beta版的SDK和工具包安装在计算机上:

  • SDK的:

Silverlight 3 SDK: C:Program FilesMicrosoft SDKsSilverlightv3.0LibrariesClientDesign

  • 工具包:

Silverlight 3 Toolkit: C:Program FilesMicrosoft SDKsSilverlightv3.0ToolkitMarch 2009Libraries

而微软的Silverlight 3工具包2009年3月开始菜单项目组方便地访问所有工具包的信息:

image

演练

现在,让我们做同样的创建一个图表控件演练,但这个配方3次:

  • 启动Microsoft Expression Blend的三从开始菜单预览,创建一个新的Silverlight 3应用+网站项目:

Blend 3 New Project Dialog

  • 按资产库,注意控制标签是预先与Silverlight 3运行时和SDK人口控制,包括使用的工具包将在像DockPanel,扩展器,TreeView的3等混合,这些异步填充构件库,因此您可能会注意到一些秒钟的延迟控制选项卡之前,完全填充。

Asset Library, Controls Tab

  • 点击自定义控制选项卡,发现它是预先与人口控制工具包:

Asset Library, Custom Controls tab

  • 双击图表控件,单击并拖动在设计图面上,并瞧,创建一个图表控件,一些示例数据初始化,并很好地呈现。 我们曾经历了很多在Blend 2的手动步骤来达到同样的结果:

Chart Default Initializer

请注意:在上面的截图:

  • 在项目面板右侧,参考System.Windows.Controls.DavaVisualization.Toolkit.dll自动添加;
  • 在XAML编辑器的xmlns:chartingToolkit定义自动添加
  • 还注意到一些混纺3新功能,如自定义图标为图控制在两个对象和时间线窗格和属性窗格)(默认初始生成的图表控件的初始的XAML。

由于控制图是如此轻松地创建,让我们做在Blend一点三演练。

  • 单击属性选项卡上的权利,并扩大在对象和时间线左侧窗格中图控制:

Chart: AlternateContentPropertyAttribute 请注意:在上面的截图:

  • 在属性面板中,右边的重点由图控件的默认属性初始化初始化白色小点;
  • 在对象和时间线面板,有LegendItems轴下图对象属性,IndependentAxis下ColumnSeries对象DependentRangeAxis属性。 这些被称为替代内容的属性。 在对象层次结构显示他们可以轻松地在设计时访问这些属性。 例如,我们可以拖放到一个LinearAxis轴属性:

AlternateContentProperty

AlternateContentProperty

因此,创造一个比较相同的配方和配方2图3控制演练中,我们可以看到一个更好的交融3设计师,我们设计配方3次集会已经利用新的设计时的可扩展的许多功能,比如默认的初始化和替代内容属性,大大提高了控制设计工具包的经验。

现在打开在Visual Studio项目:

Visual Studio Design Experience

请注意:

  • 在左边的工具箱是预先与SDK和工具包控制人口。
  • 在底部显示一个错误信息输出窗口右约未能加载设计组装。 安全地忽略它。

设计经验在Visual Studio 2008(中,Silverlight 2和3)

在Visual Studio设计工具包的经验是几乎相同的为Silverlight 2和Silverlight的3,所以我们可以继续从上述两个任演练以下。 为方便起见,我们将继续从上面的Silverlight 3立即演练。

现在拖放控件从工具箱手风琴的XAML编辑器:

Visual Studio Design Experience

我们可以看到:

  • 在XAML编辑器
    • xmlns:layoutToolkit =“CLR的命名空间:System.Windows.Controls;集会= System.Windows.Controls.Layout.Toolkit”自动添加
    • <layoutToolkit:Accordion> </ layoutToolkit:手风琴>自动添加
  • 在解决方案资源管理器
    • 到System.Windows.Controls.Layout.Toolkit集引用,以及它取决于两个集会,System.windows.Controls.Toolkit在SDK,在Toolkit和System.Windows.Controls自动添加到项目

现在,从工具箱拖放几个控件的XAML编辑器。

Visual Studio Design Experience

请注意在上面的截图如下:

  • 在XAML编辑器
    • 我们可以看到,我们拖放日历,AutoCompleteBox和NumericUpdown的手风琴
    • 适当的xmlns定义和XAML代码自动添加
  • 在预览窗口
    • XAML代码是正确呈现为我们在XAML编辑器中编辑
  • 在代码编辑器
    • 通知intellisense和infotip
    • 忽视安全的错误窗口中的错误,因为我们在XAML编辑器或代码类型声明之前,我们就完成了
  • 在解决方案资源管理器:
    • 所需要的程序集的引用会自动添加

按F5键,并建立和运行的罚款:

Visual Studio Design Experience

学分

我当然希望你对设计经验的改善感到兴奋,因为我实现了它的最 :-) 杰夫威尔科克斯执行安装程序,和贾斯汀天使说和安装程序的规范为设计时间的经验。 我的其他同事们的许多贡献的设计经历过,尤其是个RJ博克贾法尔侯赛因 ,和大卫安森 队,许多和苹果酒感谢乡亲在Blend特别乌尼Ravindranathan ,加里林斯科特,彼得布卢瓦;布赖恩丕平,和Eric菲斯克。 如果没有他们,在没有设计经验的改善将是可能的。 肖恩伯克 ,他的支持和功能设计时强调,深入的参与和技术问题难以解决的关键。

我会写一个跟进3月设计时间实施更新2009年后释放。 敬请期待!

分享和欣赏:

  • Print
  • email
  • RSS
  • Twitter
  • TwitThis
  • del.icio.us
  • LinkedIn
  • Technorati
  • Facebook
  • Google Bookmarks
  • Live
  • MySpace
  • QQ书签