动手试验：自定义 SimpleSlider 的 Thumb 元素
.png "此页仅适用于 WPF 项目")
在 Microsoft Expression Blend 中，通过使用“SimpleSlider”控件模板，可以轻松地自定义 Thumb 控件的外观。
自定义 SimpleSlider 的 Thumb 元素
在 Expression Blend 中的美工板上绘制“SimpleSlider”。
.gif "提示")
提示：“资源库”
.png "Cc295006.0224cabd-5da1-4e01-bddd-4a647401a098(zh-cn,Expression.10).png")
中的“控件”选项卡的“简单样式”类别中提供了简单样式控件。从列表中选择简单样式控件后，即可在美工板上进行绘制。在“对象和时间线”下右键单击滑块，指向“编辑控件部件(模板)”，然后单击“编辑模板”。如果不希望更改 SimpleStyles.xaml 资源字典，则可以单击“编辑副本”（而不是“编辑模板”），以创建新模板并将其保存到文档中。有关创建副本的详细信息，请参阅创建资源。
提示：若要退出模板编辑模式并返回到文档范围：请单击位于“交互”面板中的元素树上方的“范围上移”
.png "Cc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(zh-cn,Expression.10).png")
按钮。若要返回到现有模板的模板编辑模式：请在“对象和时间线”下，右键单击要编辑其模板的元素，指向“编辑控件部件(模板)”，然后单击“编辑模板”。
在“对象和时间线”下，右键单击“[Thumb]”元素，指向“编辑控件部件(模板)”，然后单击“编辑副本”。
默认情况下，Thumb 模板包含一个网格，而后者又包含一个 Ellipse。删除“Ellipse”元素。
在“对象和时间线”下，双击“Grid”元素，以便向其添加子元素。
通过使用“工具箱”中的“笔”工具
.png "Cc295006.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(zh-cn,Expression.10).png")
，在“Grid”元素中绘制路径。可以使用“路径选择”.png "Cc295006.6dd6571f-c116-451d-8dd2-1f88b8406362(zh-cn,Expression.10).png")
工具调整路径上的点，从而修改路径。提示：若要在美工板上进行放大，可以使用美工板底部的“缩放”
.png "Cc295006.12524287-c48b-4cfc-b614-01951207239d(zh-cn,Expression.10).png")
文本框，也可以按住 Ctrl 键并使用鼠标上的滚动按钮。提示：除了使用“笔”工具绘制路径元素之外，还可以使用从 Microsoft Expression Design 2 导入的作品资源，或者使用项目中添加的图像文件。
测试应用程序 (F5) 以查看效果。