WPF中图像中的切换按钮内容更改

Question

我在 wpf 中有使用 ToggleButton 的代码。

<Grid>
        <ToggleButton x:Name="pinButton" VerticalAlignment="Center" Width="auto" MaxWidth="26" Height="26"
                                          Background="{DynamicResource MyBorderBlueGradientBrush}" Focusable="False"
                                          DockPanel.Dock="Right"  BorderThickness="0" 
                                          OverridesDefaultStyle="False" BorderBrush="{DynamicResource MyBorderBlueGradientBrush}"  FontFamily="Webdings">
            <Label x:Name="Pinback" Background="{DynamicResource MyBorderBlueGradientBrush}" Width="26" Height="26" BorderBrush="{DynamicResource MyBorderBlueGradientBrush}">
                <Label x:Name="Pin"  FontSize="18" Foreground="White" Content="" Width="25" Height="25" Background="Black" HorizontalAlignment="Center" VerticalAlignment="Center">
                    <Label.RenderTransform>
                        <RotateTransform Angle="16" CenterX="29" CenterY="0"></RotateTransform>
                    </Label.RenderTransform>
                </Label>
            </Label>
        </ToggleButton>

    </Grid>

当我运行这段代码时，我得到了这个窗口。

所以我的问题是“内容如何变为 pin 图像”。当我更改内容时，它会转换为其他图像。

Answer 1

pin 来自 XAML 中 Webdings FontFamily 中的字符：

<Label x:Name="Pin" FontSize="18" Foreground="White" Content="" Width="25" 
    Height="25" Background="Black" HorizontalAlignment="Center" 
    VerticalAlignment="Center" />

注意Content 属性...显然，您无法在此处看到该字符，因为该字体在网站上并不常见。还要注意ToggleButton中声明的FontFamily：

<ToggleButton x:Name="pinButton" VerticalAlignment="Center" Width="auto" MaxWidth="26"
    Height="26" Background="Blue" Focusable="False" DockPanel.Dock="Right"  
    BorderThickness="0" OverridesDefaultStyle="False" BorderBrush="Blue"  
    FontFamily="Webdings">