Question

现在很长一段时间我一直在寻找高质量的 WPF图像按钮控件。我需要按钮只包含图像，然后让我为悬停并按设置图像选项。 SO和网络其他部分的所有当前解决方案都包含非常友好的 CustomTemplate 解决方案（即TriState Button）。

也许有一些控件，如现代用户界面或 MahApps ，有人可以指出我有这种按钮吗？

Answer 1

编辑：此控件可以在整个项目中重复使用，因为它可以像任何其他控件一样完全行为，并且使用方式与任何其他控件库相同。没有边框效果，您可以添加所需的任何悬停效果。这是它的工作原理。

将名为CustomControls的文件夹添加到您的解决方案中。

在该文件夹中创建名为ImageButton的自定义控件（WPF）。自定义控制代码就在那里。

现在应该在项目中创建一个名为Themes的文件夹，其中包含一个名为generic.xaml的resourcedictionary。打开它并使用resourcedictionary代码。

现在将此添加到您的窗口标记

xmlns:b="clr-namespace:MyProject.CustomControls"

现在，您可以在该窗口中使用该控件多次，就像在常规按钮中一样，通过使用答案末尾的标记结构。

我建议你可以在主窗口设置图像源，高度和宽度，并且所有标准按钮事件都在那里。

这是自定义控件

namespace MyProject.CustomControls
{
public class ImageButton : Button
{
     public static DependencyProperty SourceProperty =
        DependencyProperty.Register(
            "Source",
            typeof(Uri),
            typeof(ImageButton));

    static ImageButton()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(ImageButton), new FrameworkPropertyMetadata(typeof(ImageButton)));
    }

    public Uri Source
    {
        get { return (Uri)GetValue(SourceProperty); }
        set { SetValue(SourceProperty, value); }
    }
}

}

这是resourcedictionary中的样式，您可以在触发器部分添加mouseover事件和button.pressed事件，或者删除触发器并在窗口上设置它们。

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:b="clr-namespace:MyProject.CustomControls">

<Style x:Key="{x:Type b:ImageButton}" TargetType="{x:Type b:ImageButton}">
    <Setter Property="Height" Value="{Binding Path=Height, RelativeSource={RelativeSource TemplatedParent}}"/>
    <Setter Property="Width" Value="{Binding Path=Width, RelativeSource={RelativeSource TemplatedParent}}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type b:ImageButton}">
                <Grid x:Name="LayoutGrid">
                    <Image x:Name="_Image" HorizontalAlignment="Center" VerticalAlignment="Center" Width="{TemplateBinding Width}"
                           Source="{Binding Path=Source, RelativeSource={RelativeSource TemplatedParent}}" Height="{TemplateBinding Height}"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="" TargetName="" Value=""/>
                    </Trigger>
                    <Trigger Property="Button.IsPressed" Value="True">
                        <Setter Property="" TargetName="" Value=""/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

要在项目中使用它，请将命名空间添加到窗口，然后标记就像这样

<b:ImageButton Source="Image.png" Height="50" Width="50" Click="do_Something"/>

Answer 2

您可以：https://imagebuttonwpf.codeplex.com/releases/view/70356

您必须下载de代码，编译它，然后在项目中使用生成的DLL。

检查代码，它很容易制作，并遵循实际控制的CJK指令，你可以立即自己完成！

Answer 3

你可以尝试这个

    <Button Background="Transparent" BorderThickness="0">
            <Image Source="Azure Automation.jpg"/>
    </Button>

WPF图像按钮控件

3 个答案: