形状的 UWP/XAML 自定义边框

Posted 2023-03-25

【中文标题】形状的 UWP/XAML 自定义边框

【英文标题】：UWP/XAML Custom border for a shape

【发布时间】：2016-04-22 09:32:48

【问题描述】：

我需要创建一个具有云状边框的矩形。我需要创建自定义 Stroke 还是应该考虑创建其他内容？

【问题讨论】：

定义“类云”。

均匀的正弦波状图案，只有波峰，没有波谷；围绕典型矩形的边缘顺时针旋转 90 度。

【参考方案1】：

我认为没有任何边框属性可以通过使用 CornerRadius 为您提供比圆边更高级的形状。通过在 Border.BorderBrush 中定义 GradientBrush，您可以获得一些高级着色，但我认为如果您希望边框看起来像云，您应该考虑绘制路径。我发现此代码用于自定义形状 here。我不是路径数据方面的专家，因此无法帮助您绘制形状，但很确定您将能够创建云。

<Path Data="M125.11371,0.5 L141.0695,20.500002 L249.5,20.500002 L249.5,
119.5 L0.5,119.5 L0.5,20.500002 L108.9748,20.500002 z" 
Fill="#FF2D2D2D" Stretch="Fill" Stroke="#FF2D2D2D" 
UseLayoutRounding="False" Width="250" Height="100"/>

【讨论】：

谢谢。我认为你是对的。我的进一步研究表明我需要为每个矩形边缘创建路径。我很可能会创建一个添加 4 条路径的自定义矩形形状。