WPF / .NET / XAML – blurry images


I have been doing a little UX/UI development work on a WPF Application recently. I created some mockups on how I wanted some buttons to look. When attempting to implement the mockup design in xaml using an image, I noticed that the image rendered with a blur. After a quick search, and reviewing a couple stackoverflow threads, found a solution that worked for me.

Setting UseLayoutRounding to “True” in the Main Window rendered the image without a blur.

UseLayoutRounding="True"

Take a look below :

xaml, wpf, .net blurry images.  render image with blur

xaml, wpf, .net blurry images. render image with blur

Stackoverflow thread

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s