使用类似于mac XAML wpf的XAML创建UI？

Question

我想在窗口内创建一个类似于图片中显示的界面。

我将鼠标悬停触发器用于在将图像转换为控件后实现某些功能。但它没有用。我正在开发一个桌面应用程序。在这里尝试了几个答案，但对我来说没有运气。

实现此UI的任何理论指南？如果我只想使用鼠标悬停触发器怎么办？有可能吗？

Answer 1

不使用图像作为控件，而是使用矢量图形。这样可以更灵活地改变所需过程所需的大小，颜色和其他属性。

请参阅How do I Include Vector-Based Image Resources in my WPF Application?以帮助您入门。

Answer 2

如果您执行类似此操作的

，可以使用mouseenter触发器完成

<Image Name="image1" Source="myimg.png" Height="100"/>
<Image Name="image2" Source="myim2.png" Height="100"/>
<Image Name="image3" Source="myimg3.png" Height="100" MouseOver="do_This"/>
<Image Name="image4" Source="myimg4.png" Height="100"/>
<Image Name="image5" Source="myimg.png" Height="100"/>

然后在你的代码中

void do_This()
{
    this.image3.Height = 150;
    this.image1.Height = 110;
    this.image2.Height = 120;
    this.image4.Height = 120;
    this.image5.Height = 110;
}

这是您必须为鼠标悬停的每个图像调整的基本想法，但请记住，您还有一个mouseleave事件会将图像重置为原始大小。

您不需要为此解决方案使用矢量图像，但请确保您的图像比您需要的图像更大，因为图像看起来比按比例放大更好。