如何在 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：規格：形狀和路徑