Question

我试图创建一个小的（21 x 21）按钮，上面有一个图像。我想要普通按钮的所有正常行为/效果，除了图像应该占据按钮面部的大部分。

我创建了按钮：

<Button Grid.Column="2" Height="21" Width="21" HorizontalAlignment="Center" VerticalAlignment="Center">
   <Image Source="{StaticResource CloseButton}" 
          Height="21" Width="21" 
          HorizontalAlignment="Center" VerticalAlignment="Center">
    </Image>
</Button>

图像最终被压扁，看起来是因为按钮的默认边距？

我尝试了这个正确呈现的answer，但后来我失去了漂亮的鼠标悬停效果，并且＃34;点击＆＃34;看看按钮。

图像本身是21x21。

我怎样才能获得我之后的效果？

Answer 1

尝试这样，我将图像和鼠标放在其中。

 <Button Width="25" Height="25">
            <Image Width="21" Height="21" HorizontalAlignment="Center">
                <Image.Source>
                    <BitmapImage UriSource="../images/icon.png"/>
                </Image.Source>
            </Image>
  </Button>

Answer 2

在回答中，您缺少附加的ControlTemplate目标类型。它应该是：

<ControlTemplate TargetType="{x:Type Button}">
    ...
</ControlTemplate>

它表示您的控件模板具有您指定的控件行为（在本例中为Button）

希望，这有帮助。

如何使用WPF制作小图像按钮

2 个答案: