windows-phone-7 - 如何在 silverlight 图像按钮上应用 templateBinding

Question

我是 Sliverlight 的新手。希望可以有人帮帮我。我需要图像按钮来显示订单处于完成或处理状态。这两个的点击事件函数是一样的，都是导航同一个页面。目前，我在 App.xaml 上创建了两个客户图像按钮，因为此图像的源无法执行“TemplateBinding”；该按钮没有此属性。这是更好的方法吗？如果是这样，您能否提供代码或链接，以便我从中学习？谢谢。

这是我的代码:

<Style x:Key="btnComplete" TargetType="Button"  >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <StackPanel>
                        <Image  Height="50" Width="120" Stretch="none"   Source="../images/btnComplete.png"/>                            
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Answer 1

实现此目的的最简单方法是为按钮创建一个透明的控件模板，并将图像作为内容添加到您想要的任何位置的按钮。

您页面中的按钮代码如下所示。

   <Button  Height="100" Width="100" Style="{StaticResource TransparentButtonStyle}" Click="TwitterBtn_Click">
         <Image Height="100" Source="YourIcon.png" Width="100"/>
   </Button>

并且可以在 App.xaml 中声明 TransparentButtonStyle。就这些!

<Style x:Key="TransparentButtonStyle" TargetType="Button">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
               <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}"
                        Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>