图像在controltemplate中不可见

Question

我一直试图创建一个图像按钮， 我去了几个例子，但没有让我的形象出现。

   <ControlTemplate TargetType="{x:Type Button}" x:Key="ImageButtonTemplate">
        <Grid
    Orientation="Horizontal" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}">
            <Image x:Name="ButtonImage" 
           Source="..//images//ok.png" 
           Height="50" 
           Width="50"                         
           />
            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"  
                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"  />
        </Grid>
    </ControlTemplate>

    <Style TargetType="{x:Type Button}" x:Key="ImageButton">
        <Setter Property="Template" Value="{StaticResource ImageButtonTemplate}"/>                        
    </Style>

    <Button Style="{StaticResource ImageButton}"/>

这会产生一个“隐形”按钮..

我的问题：

（1）我注意到一些例子使用了contentpresenter制作了相同的模板     元素，为什么需要它？

示例：WPF - How to create image button with template

（2）可能是我设置图像路径的方式，设计师能够找到它     但在运行时没有显示任何内容。

提前感谢。