在XAML中为不同控件设置ControlTemplate内部图像的图像源

debugcn 发表于 Dev

高拉夫

我已经在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>

我也尝试过将图像直接放置在按钮内容中，或者使用模板绑定在按钮内部显示图像。是否有任何方法可以为不同的按钮创建不同的样式。

Notacat

像这样的东西：

<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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。