Silverlight 2 Beta2

核心提示： 注：我们也可以导入一个图片，但使用矢量元素会给予我们以后对按钮进行扩缩/转换，Silverlight 2 Beta2(6)，在任意分辨率或尺度上保持清晰观感的灵活性（特别是在Silverlight移动设备的场景下，屏幕的分辨率大不相同或较小时，注意Blend是如何在对象窗口中，自动使用红

注：我们也可以导入一个图片，但使用矢量元素会给予我们以后对按钮进行扩缩/转换，在任意分辨率或尺度上保持清晰观感的灵活性（特别是在Silverlight移动设备的场景下，屏幕的分辨率大不相同或较小时，尤其有用），还允许我们对美工设计中的任何矢量元素可以轻易地做动画效果或改动。

完成设计上面的基底状态之后，我们可以按F5在浏览器中运行应用：

你可以在上面看到，我们的按钮控件现在拥有一个比较好看的外观。尽管它有了一个新的外观，但按钮依然象以前那样触发同样的焦点，点击，和悬浮事件，所以，使用按钮的开发人员在操作使用了我们的新控件模板的按钮时，不用改动任何代码。

但我们的新按钮控件模板的一个缺点是，它并不是交互的。这意味着，如果按钮获得/失去焦点，或者鼠标悬浮其上时，我得不到任何视觉反馈。点击时，我也得不到很好的按下/弹起的动画效果。

要将交互性加到我们的按钮上，我们将回到Blend中，再次操作我们按钮的控件模板。之前我们把矢量图形元素加到了我们按钮的“Base（基底）”状态中，这允许我们定义所有视觉状态的默认视觉外观。我们现在将回去，进一步定制个别的按钮视觉状态。

例如，为实现按钮的mouse-over行为，我们可以在“States”窗口中选择“MouseOver”状态，然后细调按钮处于该状态时的外观。在下面，我选了控件模板中的“shine”矢量元素，调整它在属性网格中的Opacity属性，使其在MouseOver状态下可见度更高。注意Blend是如何在对象窗口中，自动使用红点加亮“shine”元素，然后在该元素的下面列出了Opacity属性的。这可以便利很快地跟踪我们在控件模板中在“Base（基底）”状态和“MouseOver”状态间所做的所有变动：