Silverlight 下苹果(Mac OS)风格按钮的实现

核心提示： publicFontStyleFontStyle{get;set;}publicFontWeightFontWeight{get;set;}publicBrushForeground{get;set;}publicHorizontalAlignmentHorizontalContentAl

publicFontStyleFontStyle{get;set;}

publicFontWeightFontWeight{get;set;}

publicBrushForeground{get;set;}

publicHorizontalAlignmentHorizontalContentAlignment{get;set;}

publicThicknessPadding{get;set;}

publicTextAlignmentTextAlignment{get;set;}

publicTextDecorationCollectionTextDecorations{get;set;}

publicTextWrappingTextWrapping{get;set;}

publicVerticalAlignmentVerticalContentAlignment{get;set;}

}

关于动画的更多知识参考 Silverlight 2beta 2 文档。

简单说一下创建这个样式的步骤：

在 ExpressionBlend 2.5 中，首先我们往界面上拖一个 Button. 然后在右键菜单中：

选择 "Edit a Copy" 后，就会自动创建一个指定名称的 Style, 其内容是 Button 的默认模板。

因为模板内容非常繁琐，我们如果自己全部手写很困难，所以我们选择在默认模板的基础上修改。

后续的步骤，主要是在模板的控件树中删除掉不必要的内容，并且修改一些画刷等设置，重新定义动画等等。不再一一详述，具体请看代码。

另外这里我发现的一个特别需要注意的问题，就是 Button 默认生成的模板中，其 Unfocused 状态的动画必须删除掉才行：

<vsm:VisualStatex:Name="Unfocused">

<Storyboard>

<!--自动生成的模板下这里是有内容的，要删掉！-->

</Storyboard>

</vsm:VisualState>