使用XAML創建UI類似於mac XAML wpf？

Question

我想在窗口內製作一個類似於圖片所示的界面。

我已經使用鼠標懸停觸發使圖像轉換成控制之後實現特定功能。但它沒有奏效。我正在開發一個桌面應用程序。在這裏嘗試了幾個答案，但沒有運氣給我。

任何理論指導，以實現這個UI？如果我只想使用鼠標懸停觸發器怎麼辦？可能嗎？

Answer 1

它可以用的​​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事件會將圖像重置爲原始大小。

你並不需要使用矢量圖像此解決方案，但要確保你的形象是不是你所需要的，因爲圖片會更好看縮小比放大大。

Answer 2

代替使用圖像的控件，使用矢量圖形。這給予了更大的靈活性，以改變所需過程所需要的尺寸，顏色和其他屬性。

見How do I Include Vector-Based Image Resources in my WPF Application?讓你開始。