设置Button的Style(3)

创建一个以图片为Content的按钮。

1. 创建好一个新的按钮，并创建新的ButtonStyle3。

2. 选中Image控件，并拖拽至按钮上，替换原有按钮的Style

2. 为Image控件选择你的按钮图片。（见上篇）

3.进入ButtonStyle3。将ButtonContainer直接托至Grid下，如下图，并删除ButtonBackground，将ButtonContainer生成的Margin重置。

4.运行程序，你会发现按钮没有任何动态效果，这样对于用户体验是不好的，下一步将为按钮加上一个动态效果，这个动态效果是微软提供的TiltEffect。

5.添加TiltEffect.cs到工程中，并将namespace修改为你的工程名。并在xaml文件头中添加

xmlns:local="clr-namespace:ButtonStyleSample1"

ButtonStyleSample1处为工程名。

6.为按钮添加效果。

手动编辑xaml文件，在button对应的xaml文件中添加 local:TiltEffect.IsTiltEnabled="True"，

<Button HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="2" Style="{StaticResource ButtonStyle3}" local:TiltEffect.IsTiltEnabled="True">
                <Image Source="comment.png" Stretch="None"/>
            </Button>

7.运行工程，查看效果

示例代码：https://files.cnblogs.com/crazystars/ButtonStyleSample1_2.rar