我怎样才能给图像一个八角形的形状？

Question

我正在创建一个移动应用程序。在这个应用程序中有用户的个人资料，我想给用户的个人资料一个八角形。目前我只有一张图片：

<Image x:Name="ProfilePicture" HeightRequest="100" HorizontalOptions="Center" Source="Profile.png" TranslationY="50" VerticalOptions="End"/>

我该如何塑造这张图片？

我想达到的结果是这样的：

一个黄色的轮廓，而不是用户图像的礼物

Answer 1

Xaml不支持直接绘制形状。您有多种选择：

1. 简单。使用形状图像作为资源。将它们与网格或绝对布局放在一起。
2. 聪明。在您的 XF 中使用 Font Awesome 图标。您可以重复使用其他图标来减少应用程序中的位图。不幸的是，八角形仅在 PRO 版本中可用。
3. 重炮。您可以使用 Skiasharp 或类似的库来绘制带有用户图像的八角形图像。

希望对您有所帮助。