将图像转换为按钮 WPF

本文关键字:按钮 WPF 转换 图像 | 更新日期: 2023-09-27 18:32:09

我知道我可以在按钮上叠加图像,但是按钮是否有可能采用图像的确切大小?换句话说,我想摆脱矩形按钮,并使其适应图像的大小和形状。

将图像转换为按钮 WPF

您可以像下面这样设置"模板"按钮:

    <Button >
        <Image Source="pan-left.png"/>
        <Button.Template>
            <ControlTemplate TargetType="Button">
                <ContentPresenter Content="{TemplateBinding Content}"/>
            </ControlTemplate>
        </Button.Template>
    </Button>

TemplateBinding用于设置 Content 属性以在控件模板中设置内容,因为您可以将此ControlTemplate移动到Resources并可以将其用于多个按钮,并且可以在按钮本身上设置内容

检查这个问题。

您可以重新模板化按钮。

<Button x:Name="btn16x16">
    <Button.Template>
        <ControlTemplate>
            <Border HorizontalAlignment="Center" VerticalAlignment="Center" >
                <Image Source="pack://siteoforigin:,,,/Resources/SixteenBySixteen.png" 
                       Width="16" 
                       Height="16"/>
            </Border>
        </ControlTemplate>
    </Button.Template>
</Button>

在上面的代码中,您正在对图像路径进行硬编码。 如果要重用模板,请尝试此代码。有两种方法。

如果要在项目中嵌入图像,请在下面。

<Button Tag="Images'Grapes.png" Background="Black" Foreground="white" Focusable="False" Width="100" Height="30">
        <Button.Template>
            <ControlTemplate TargetType="Button">                    
                <Image Source="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Path=Tag}" />
            </ControlTemplate>
        </Button.Template>
    </Button>

如果要使用绝对路径将图像作为内容添加到投影以下代码中。

<Button Tag="pack://siteoforigin:,,,/Apple.png">
        <Button.Template>
            <ControlTemplate>
                <Border HorizontalAlignment="Center" VerticalAlignment="Center">
                    <Image Source="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Path=Tag}" Stretch="None" />                        
                </Border>
            </ControlTemplate>
        </Button.Template>
    </Button>