Avalonia开发实践（一）——对比WPF和Avalonia的边框渲染差异

众所周知，诸如Border、Rectangle等元素，是具有边框的。但在WPF和Avalonia中，边框的渲染机制有所不同。

如下代码，Border的边框和背景色均为黑色，并且将透明度设为0.5：

<Border Width="100" Height="40" BorderBrush="Black" BorderThickness="5" Opacity="0.5" Background="Black" CornerRadius="5"/>

此代码在两种框架下的表现如图：

1）WPF中Border在设置透明度的情况下，颜色是整体变化无差异的，看似效果很好。但仔细观察不难发现，圆角区域边框与内容之间是有空隙的（放大后观看更为明显）。

这是由于对边缘圆角进行了平滑处理导致的，通过设置RenderOptions.EdgeMode="Aliased"可以解决缝隙问题，但圆角部分会呈现锯齿，可谓二者不可兼得。

2）Avalonia中的Border边框和内容有部分重叠，如此一来虽消除了圆角缝隙，但也导致交叠区不透明度加深，出现图中的深色内边框效果，影响观感。

总之，两种框架对边框的处理均有利有弊，在实际开发过程中只能避开缺陷。如尽量避免边框和背景色同时渲染；如要同时渲染，在Avalonia中还应注意透明度的问题。

---

后来笔者通过阅读Aval