动手试验:自定义 SimpleCheckBox 中复选标记的外观
在 Microsoft Expression Blend 中,可以使用 SimpleCheckBox 控件模板,轻松地自定义复选标记的外观。
自定义 SimpleCheckBox 中的复选标记
在 Expression Blend 中的美工板上绘制“SimpleCheckBox”。
提示: “资源库” 中的“控件”选项卡的“Simple Styles”类别中提供了简单样式控件。从列表中选择简单样式控件后,即可在美工板上进行绘制。
在“对象和时间线”下右键单击该复选框,指向“编辑控件部件(模板)”,然后单击“编辑模板”。如果不希望更改 SimpleStyles.xaml 资源字典,则可以单击“编辑副本”而不是“编辑模板”,以创建新模板并将其保存到文档中。有关创建副本的详细信息,请参阅创建资源。
提示: 若要退出模板编辑模式并返回到文档范围:请单击位于“交互”面板中的元素树上方的“范围上移” 按钮。
若要返回到现有模板的模板编辑模式:请在“对象和时间线”下,右键单击要编辑其模板的元素,指向“编辑控件部件(模板)”,然后单击“编辑模板”。
在控件模板的编辑范围中,展开“对象和时间线”下的所有节点。删除“CheckMark”路径元素。
双击“Grid”元素以将其激活,以便您可以添加子元素。
通过使用“工具箱”中的“笔”工具 ,在“Grid”元素中绘制路径。可以使用“路径选择” 工具调整路径上的点,从而修改路径。
提示: 若要在美工板上进行放大,可以使用美工板底部的“缩放” 文本框,也可以按住 Ctrl 键并使用鼠标上的滚动按钮。
提示: 除了使用“笔”工具绘制路径元素以外,还可以使用从 Microsoft Expression Design 2 导入的作品资源,或者使用已添加到项目中的图像文件。
删除“CheckMark”路径元素时,也会同时删除用于显示和隐藏该元素的触发器。若要重新创建该触发器,请在“交互”面板中的“触发器”下,单击“IsChecked = False”。在“对象和时间线”下,选择新的复选标记元素,然后在“属性”面板中的“外观”下,将“Visibility”属性设置为“Collapsed”。
测试应用程序 (F5) 以查看效果。