在 WPF/XAML 中实现带有图标的工具栏

Question

在我的基于桌面的 WPF 应用程序中，我想实现一个具有关键操作（添加、更新、删除等）的工具栏，就像您在任何 Web 界面邮件服务中看到的那样。

为了做到这一点，我有一个大的 PNG 图像，其中包含所有可能的图标（常规、活动、禁用等）。

如何不显示整个图像，而只显示一个区域。例如，如果我的图标是正方形且边长为 50px，则从像素 50 到像素 100？换句话说，如果所有图标都放置到一个大的 PNG 图像中，您建议如何在 WPF 中实现选择图像的一部分以显示在工具栏按钮内？

PS 在网络开发中，通常使用一张包含所有图标的大 PNG 图像，当您想要放置特定图标时，您必须定义要显示的图像区域。

Answer 1

这确实不是 WPF 中管理图像资源的方式，如果这样做，您将与平台的自然机制作斗争。您应该考虑拆分图像，然后将每个图像分配给视图中的资源。然后，您可以绑定到 UI 中的每一个，并将其显示为图像或画笔源。

如果您想将它们保留为一个大图像，您可以使用 TileBrush 将它们挑选出来并仅显示您想要的图像区域。

Answer 2

您可能想查看 SourceRect 属性 在 BitmapImage 类（您的图像源）上。

不过我认为 codekaizen 是对的，但这可能不是正确的方法。

Answer 3

您可以将按钮的背景设置为带有图像的 ImageBrush。将 TileMode 设置为 None，将 ViewboxUnits 设置为 Absolute。您可以将Viewbox设置为适当的区域。然后，您可以绑定到属性以动态更改图像，或者如果它是静态图像，则只需直接设置值。

<Button Width="80" Height="80">
    <Button.Background>
        <ImageBrush ImageSource="..." TileMode="None" ViewboxUnits="Absolute">
            <ImageBrush.Viewbox>
                <Rect Size="80,80" X="{Binding ...}" />
            </ImageBrush.Viewbox>
        </ImageBrush>
    </Button.Background>
</Button>

我同意，这不是最有效地利用资源，但这是可以做到的。