动手试验：自定义 SimpleSlider 的 Thumb 元素

在 Microsoft Expression Blend 中，通过使用 SimpleSlider 控件模板，可以轻松地自定义 Thumb 控件的外观。

自定义 SimpleSlider 的 Thumb 元素

1. 在 Expression Blend 美工板上绘制 SimpleSlider 。

   提示：
   “资产”面板的“样式”类别中的“简单样式”下提供了简单样式控件。从列表中选择简单样式控件后，即可在美工板上进行绘制。

2. 在“对象和时间线”面板中右键单击滑块，指向“编辑模板”，然后单击“编辑当前模板”。如果不希望更改 SimpleStyles.xaml 资源字典，则可以单击“编辑副本”（而不是“编辑当前模板”），以创建新模板并将其保存在文档中。有关创建副本的详细信息，请参阅创建资源。

   提示：
   若要退出模板编辑模式并返回到文档范围，请单击位于“对象和时间线”面板中元素树上方的“返回到范围”。 若要返回到现有模板的模板编辑模式，请在“对象和时间线”面板中，右键单击要编辑其模板的对象，指向“编辑模板”，然后单击“编辑当前模板”。

3. 在“对象和时间线”面板中右键单击 [Thumb] 元素，指向“编辑模板”，然后单击“编辑副本”。

4. 默认情况下， Thumb 模板包含一个 Grid ，而后者又包含一个 Ellipse 。删除 Ellipse 对象。

5. 在“对象和时间线”面板中，双击 Grid 对象，以便向其添加子对象。

6. 通过使用“工具”面板中的“笔”工具 ，在 Grid 对象中绘制路径。可以使用“路径选择” 工具调整路径上的点，从而修改路径。

   提示：
   若要在美工板上进行放大，可以使用美工板底部的“缩放” 文本框，也可以按住 Ctrl 键并使用鼠标上的滚动按钮。

   提示：
   除了使用“笔”工具绘制路径元素之外，还可以使用从 Microsoft Expression Design 导入的作品资源，或者使用已添加到项目中的图像文件。

7. 测试应用程序 (F5) 以查看效果。

另请参阅

概念

SimpleSlider

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。