Silverlight 2 Beta2

核心提示： 要看这个的实战例子，让我们往设计表面上加一个Button控件： 然后，Silverlight 2 Beta2(5)，我们可以右击按钮控件，编辑它的控件模板，另一个带阴影（drop shadow）（其名为“shadow”），还有一个是带40%蔽光性的“s

要看这个的实战例子，让我们往设计表面上加一个Button控件：

然后，我们可以右击按钮控件，编辑它的控件模板。我们将不从现有的默认控件模板开始（就象上面的Slider例子一样），让我们创建一个空白的控件模板，从头做起：

Blend会提示我们给要创建的样式（Style）资源取一个名字，我们将它取名为“ScottButton”，点击OK。这会把设计器置于按钮的控件编辑模式下，一开始只有一个空白的控件模板：

上面有一样需要注意的东西是，在Blend中有一个新的“States（状态）”窗口，这个窗口会显示Button控件提供的所有的“Visual States（视觉状态）”。在上面，当前被选中的是“Base(基底)”状态，该状态允许我们定义我们的按钮控件模板常用的视觉树。

然后，我们可以往我们的基底状态中加一些矢量元素，来定义象下面这样的定制按钮的外观。我们可以使用由Blend提供的内置矢量绘制工具支持来设计这些图形，或者使用Expression Design 或 Adobe Illustrator来建造矢量图形，然后将其导入Blend中。下面，我们在我们的控件模板中加了4个“Path”元素，一个是带圆角的背景（其名为“background”），另一个带阴影（drop shadow）（其名为“shadow”），还有一个是带40%蔽光性的“shine”（在顶部加了一些晕光），再有一个定义了默认的内部内容（在这个情形下，是个房子的图案）：