Ugly Line and Border Rendering

Question

I just started diving into WPF. First thing I noticed and which I really hate is the ugly rendering.

I don't know why but for example borders or lines turning ugly sometimes. Take a look at the Screenshot. The bottom line is ugly. Not that crisp like the centered line.

Any suggestions to make that better?

Ugly Line Rendering

score 5 · Accepted Answer · edited May 23 '17 at 12:06

5

See the second answer of this SO question which suggests using UseLayoutRounding=False in preference to SnapsToDevicePixels.
As an aside if you're using bitmaps then RenderOptions.BitmapScalingMode can be useful (from this SO question

edited May 23 '17 at 12:06

Community

1
1

answered Oct 31 '11 at 16:00

Ricibob

7,505
5
46
65

score 4 · Answer 2 · answered Oct 31 '11 at 15:56

It looks like your lines don't fall on pixel boundaries. Two ways I've used to get around this are:

Use SnapsToDevicePixels. This can cause some noticeably odd spacing if you have lines sufficiently close together.

or

Increase the width of your line so that it full hits a line of pixels. (this has the drawback that the needed width is, again, device dependent).

Ugly Line and Border Rendering

2 Answers2