XAML from Metro Studio not work in Xamarin Forms

Question

Hi I tried use xaml generated by Metro Studio in Xamarin App but not work. It´s not compatible with Form ?Xamarin.Forms.Xaml.XamlParseException  HResult=0x80131500  Message=Position 1:242. Type Rectangle not found in xmlns http://schemas.microsoft.com/winfx/2006/xaml/presentation  Source=Xamarin.Forms.Xaml  StackTrace:   at Xamarin.Forms.Xaml.CreateValuesVisitor.Visit(ElementNode node, INode parentNode)   at Xamarin.Forms.Xaml.ElementNode.Accept(IXamlNodeVisitor visitor, INode parentNode)   at Xamarin.Forms.Xaml.ElementNode.Accept(IXamlNodeVisitor visitor, INode parentNode)   at Xamarin.Forms.Xaml.ElementNode.Accept(IXamlNodeVisitor visitor, INode parentNode)   at Xamarin.Forms.Xaml.ElementNode.Accept(IXamlNodeVisitor visitor, INode parentNode)   at Xamarin.Forms.Xaml.RootNode.Accept(IXamlNodeVisitor visitor, INode parentNode)   at Xamarin.Forms.Xaml.XamlLoader.Visit(RootNode rootnode, HydrationContext visitorContext)   at Xamarin.Forms.Xaml.XamlLoader.Load(Object view, String xaml)   at Xamarin.Forms.Xaml.ResourcesLoader.CreateFromResource[T](String resourcePath, Assembly assembly, IXmlLineInfo lineInfo)   at Xamarin.Forms.ResourceDictionary.SetAndLoadSource(Uri value, String resourcePath, Assembly assembly, IXmlLineInfo lineInfo)   at App2.MainPage.InitializeComponent() in C:\Users\scf\sourceepos\App2\App2\App2\obj\Debug
etstandard2.0\MainPage.xaml.g.cs:line 26   at App2.MainPage..ctor() in C:\Users\scf\sourceepos\App2\App2\App2\MainPage.xaml.cs:line 14   at App2.App..ctor() in C:\Users\scf\sourceepos\App2\App2\App2\App.xaml.cs:line 14   at App2.UWP.MainPage..ctor() in C:\Users\scf\sourceepos\App2\App2\App2.UWP\MainPage.xaml.cs:line 24   at App2.UWP.App2_UWP_XamlTypeInfo.XamlTypeInfoProvider.Activate_4_MainPage() in C:\Users\scf\sourceepos\App2\App2\App2.UWP\obj\x86\Debug\XamlTypeInfo.g.cs:line 255   at App2.UWP.App2_UWP_XamlTypeInfo.XamlUserType.ActivateInstance() in C:\Users\scf\sourceepos\App2\App2\App2.UWP\obj\x86\Debug\XamlTypeInfo.g.cs:line 480Attachment: App2_7c91c283.zip

Paul Anderson S · Answer

Hi Sergio,

Greetings from Syncfusion.

We have checked your requirement of having the Xaml Font File to provide directly in Xamarin Forms and the xaml file from the MetroStudio has been created for WPF and UWP platforms which have different namespaces for Rectangle, Eclipse, Patch, Transform which is not supported in Xamarin Forms.

To use the Font Icons in Xamarin Forms we have to export the FontIcon from the MetroStudio as in the below link.

https://help.syncfusion.com/metro-studio/export-icon-font

Using the generated Font file of type .ttf we can attach to the Xamarin.Forms project and can be used in the supported controls.

We have to define the FontIcon FontFamily with different type for Android, iOS and UWP. So we have defined as common in the ResourceDictionary and used in the SfTabView.

</ResourceDictionary>

// . . . //

<tabview:SfTabItem Title="Calls" IconFont="a" FontIconFontColor="LightBlue" FontIconFontSize="20" FontIconFontFamily="{StaticResource fontFamily}"/>

We have created a sample for adding the Icons in the TabHeader. Please have the sample from the following link

Sample: https://www.syncfusion.com/downloads/support/forum/139703/ze/Tabiview_Font3-1557654836

Please read the given instruction for how to add the font icons from the following link

Link: https://help.syncfusion.com/xamarin/sftabview/display-type#how-to-customize-text-appearance-of-the-header-title

Regards,

Paul Anderson