如何在 Xamarin.Forms XAML 中绘制路径

Question

来自 Windows Phone Silverlight、WPF 和 UWP 世界，我现在正在研究 Xamarin.Forms 以将应用程序移植到 iOS 和 Android。 到目前为止，该应用程序的所有图标和徽标都是App.xaml文件中的Path元素。 例如：

<DataTemplate x:Key="ImageAdd">
    <Path Width="30" 
     Height="30" 
     Stretch="Fill" 
     Fill="{StaticResource TsColorWhite}" 
     Data="F1 M 35,19L 41,19L 41,35L 57,35L 57,41L 41,41L 41,57L 35,57L 35,41L 19,41L 19,35L 35,35L 35,19 Z "/>
</DataTemplate>

有了这个，应用程序不需要针对不同屏幕分辨率的缩放图形。

Path在System.Windows.Shapes命名空间中，因此在 XF 中不可用。

所以问题是：如何在 Xamarin.Forms 中加载和显示此类路径？

Answer 1

从 Xamarin.Forms 4.7.0 Shapes 开始，您可以直接在 xaml 中绘制路径。 Aspect属性等效于 Xamarin.Forms 中的Stretch属性。 形状（包括路径）位于Xamarin.Forms.Shapes命名空间中。

<DataTemplate x:Key="ImageAdd">
    <Path Width="30"
          Height="30"
          Aspect="Fill"
          Fill="{StaticResource TsColorWhite}"
          Data="F1 M 35,19L 41,19L 41,35L 57,35L 57,41L 41,41L 41,57L 35,57L 35,41L 19,41L 19,35L 35,35L 35,19 Z "/>
</DataTemplate>

相关文档

• Microsoft 博客： 使用 Xamarin.Forms 形状和路径绘制 UI 。

• Microsoft 官方文档： Xamarin.Forms Shapes 。

• GitHub：规格：形状和路径