将图像转换为按钮 WPF
本文关键字:按钮 WPF 转换 图像 | 更新日期: 2023-09-27 18:32:09
我知道我可以在按钮上叠加图像,但是按钮是否有可能采用图像的确切大小?换句话说,我想摆脱矩形按钮,并使其适应图像的大小和形状。
您可以像下面这样设置"模板"按钮:
<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>