在XAML中為不同控件設置ControlTemplate內部圖像的圖像源

Question

我已經在Windows應用程序中為圓形按鈕創建了樣式。 我正在使用這種樣式使按鈕顯示為圓形。 樣式的代碼如下：

<Style x:Key="CircularButton" TargetType="Button">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate  TargetType="Button">
                    <Grid>
                        <Ellipse Stroke="#FFF8F1F1"  />
                        <Image Width="50" Height="50" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
</Style>

我正在使用如下所示：

<Button x:Name="btnFacebook" Style="{StaticResource CircularButton}"  Click="btnFacebook_Click" Visibility="Visible" Margin="10,0"  />

現在頁面上有很多按鈕需要是圓形的，但是需要有不同的背景圖像。有沒有辦法為不同的按鈕設置這種樣式的圖像源。我嘗試了如下代碼：

<Button x:Name="btnTwitter" Style="{StaticResource CircularButton}"  Click="btnTwitter_Click" HorizontalAlignment="Stretch" Margin="10,0">
   <ControlTemplate>
   <Image Source="Images/appbar.social.twitter.png"/>
   </ControlTemplate>
</Button>

我也嘗試過將圖像直接放置在按鈕內容中，或者使用模板綁定在按鈕內部顯示圖像。是否有任何方法可以為不同的按鈕創建不同的樣式。

Answer 1

像這樣的東西：

<Style x:Key="CircularButton" TargetType="Button">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate  TargetType="Button">
                <Grid>
                    <Ellipse Stroke="#FFF8F1F1"  />
                    <Image Width="50" Height="50" Source="{TemplateBinding Content}" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Button x:Name="btnTwitter" Style="{StaticResource CircularButton}"   Click="btnTwitter_Click" HorizontalAlignment="Stretch" Margin="10,0">
   <BitmapImage UriSource="Images/appbar.social.twitter.png"/>
</Button>