Search code examples
c#wpfexpression-blend

Create expression-blend-like buttons style

I want to create a button style like expression blend buttons in this way:

  • when the mouse is not over them, their icons are black-white and semi-transparent.
  • When the mouse is over them, they get color and become clear without transparency.

Is it possible to create such a style for XAML icons without coding in expression blend ?

Note that I dont want to use 2 icons.

Solution

  • When using a Paths instead of an image you can use the Visual State to switch from showing the paths with a border and transparant fills to the original a very easily.

    You can use InkScape to convert your own images to paths(xaml), search prepared images online on sites like Xamalot or use a tool like Syncfusion Metro Studio to create the xaml you'd like.