Sneak Peek at the New Essential UI Kit for Xamarin.Forms

If you are looking for ways to reduce the time you spent on developing sophisticated UIs in Xamarin.Forms, there is some good news for you – we are planning to release a major update to our Xamain.Forms UI Kit soon. While we are still working on providing the finishing touches to the product, we would like to share a quick overview of what will be included in the upcoming release.

We had shipped four reusable login screens in the first release of the UI kit but we got some great feedback from the community to include a lot more screens. This has motivated us to add more than 35 screens across several categories like articles, onboarding, chat, ecommerce, and much more.

Here is just a small sample of the screens that you can expect to see in the release that is scheduled for next week.ECommerce page in UI Kit

Ecommerce

Article page in UI KitArticle

Chat page in UI KitChat

About Us page in UI KitAbout Us

Feedback page in UI KitFeedback

Error page in UI KitError

For all three platforms—Android, iOS, and UWP—each screen was carefully tested, and the layouts were optimized to deliver the greatest possible performance.

Keep reading to find out what other incredible features are going to be included in Essential UI Kit in this release.

Easier integration

This release will include the Visual Studio item template with the default Add New item dialog. If you feel that adding more than one screen, or all screens in a category, at a time is too hard, then this feature is for you.Add New Item Dialog

Add New Item Dialog

We strongly believe being able to add a screen whenever you need to is as important as the quality of the screen. This Visual Studio extension is specially designed for adding the screens you want. You can choose all the screens from a category, only a few screens from a single category, or screens from multiple categories.

Demos and source

The complete source code for Essential UI Kit for Xamarin.Forms will be published in GitHub by next week. We will also publish a demo app in Play Store to make it easier for you to review all the screens. Once it is publicly available, look at it, explore it and use it in your application.

Conclusion

As stated, this release will include more than 35 templates so that you can build a UI for any common mobile app scenario. If the screen you need isn’t in the kit, don’t worry, it will be added soon. Just tell us what you want via our feedback portal.

Stay tuned to our official Twitter, Facebook and LinkedIn pages for the announcement of the release.

If you found this post useful or have questions, please let us know by posting a comment.

Tags:

Share this post:

Related Posts

Comments (8)

Any news on this? The Github Repository is empty 😉

Prabakaran Ramasamy

We understand your interest in exploring our Essential UI Kit. We are making the final level changes and test them with some real-time apps. We expect it to be published in few days and after the release you will be notified. Until then, thank you for your patience.

… [Trackback]

[…] There you will find 80474 more Infos: blog.syncfusion.com/post/sneak-peek-new-essential-ui-kit-for-xamarin-forms.aspx […]

Prabakaran Ramasamy

The Essential UI Kit has been published and the entire source code can be found in the link below.

https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms

To add the screens to your Xamarin.Forms project, download and install the following Visual Studio extension.

https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Essential-UI-Kit-Xamarin-Forms

Fantastic set of forms to quickly get started on new screens!! Thank you.

Prabakaran Ramasamy

Hello Dean,

Thanks for your appreciation. We are working on adding more screens to this UI Kit, which helps Xamarin developers to quickly build any kind of app in Xamarin.Forms. If you have any specific requirements, please feel free to create a new report in our feedback portal.

https://www.syncfusion.com/feedback/xamarin-forms

Regards,
Prabakaran

Dear PRABAKARAN,

I am creating the blank project from the scratch and after just adding simple login form or any other essential component and build the application to load, it is giving following errors in vs17 and vs19. Kindly assist how to fix these errors.

Severity Code Description Project File Line Suppression State
Error CS0006 Metadata file ‘D:\Projects\AppProjects\Vs19\SyncApp1\App1\App1\bin\Debug\netstandard2.0\App1.dll’ could not be found App1.iOS D:\Projects\AppProjects\Vs19\SyncApp1\App1\App1.iOS\CSC 1 Active

Severity Code Description Project File Line Suppression State
Error The “ResolveLibraryProjectImports” task failed unexpectedly.
System.IO.FileNotFoundException: Could not load assembly ‘App1, Version=0.0.0.0, Culture=neutral, PublicKeyToken=’. Perhaps it doesn’t exist in the Mono for Android profile?
File name: ‘App1.dll’
at Java.Interop.Tools.Cecil.DirectoryAssemblyResolver.Resolve(AssemblyNameReference reference, ReaderParameters parameters)
at Java.Interop.Tools.Cecil.DirectoryAssemblyResolver.Resolve(String fullName)
at Xamarin.Android.Tasks.ResolveLibraryProjectImports.Extract(DirectoryAssemblyResolver res, ICollection`1 jars, ICollection`1 resolvedResourceDirectories, ICollection`1 resolvedAssetDirectories, ICollection`1 resolvedEnvironments)
at Xamarin.Android.Tasks.ResolveLibraryProjectImports.Execute()
at Microsoft.Build.BackEnd.TaskExecutionHost.Microsoft.Build.BackEnd.ITaskExecutionHost.Execute()
at Microsoft.Build.BackEnd.TaskBuilder.d__26.MoveNext() App1.Android

Severity Code Description Project File Line Suppression State
Error The “LinkAssemblies” task failed unexpectedly.
System.IO.FileNotFoundException: Could not load assembly ‘App1.Android, Version=0.0.0.0, Culture=neutral, PublicKeyToken=’. Perhaps it doesn’t exist in the Mono for Android profile?
File name: ‘App1.Android.dll’
at Java.Interop.Tools.Cecil.DirectoryAssemblyResolver.Resolve(AssemblyNameReference reference, ReaderParameters parameters)
at Java.Interop.Tools.Cecil.DirectoryAssemblyResolver.GetAssembly(String fileName)
at Xamarin.Android.Tasks.LinkAssemblies.Execute(DirectoryAssemblyResolver res)
at Xamarin.Android.Tasks.LinkAssemblies.Execute()
at Microsoft.Build.BackEnd.TaskExecutionHost.Microsoft.Build.BackEnd.ITaskExecutionHost.Execute()
at Microsoft.Build.BackEnd.TaskBuilder.d__26.MoveNext() App1.Android

Severity Code Description Project File Line Suppression State
Error Position 19:17. Can’t resolve BackgroundImageSource on ContentPage App1 D:\Projects\AppProjects\Vs19\SyncApp1\App1\App1\Views\Login\Styles.xaml 19

Meikanda Nayanar I

Hi Fasil,

Thank you for providing the stack trace of the issue. With the following details from the stack trace, we suspect the use of lower version of Xamarin.Forms NuGet package causes this issue in your application.

Severity Code Description Project File Line Suppression State
Error Position 19:17. Can’t resolve BackgroundImageSource on ContentPage App1

The issue is with the lower version of Xamarin.Forms NuGet package that you are using. We have used the BackgroundImageSource property in our login pages, and this API is introduced in Xamarin.Forms 4.0 versions.

Xamarin.Forms release notes – https://docs.microsoft.com/en-us/xamarin/xamarin-forms/release-notes/4.0/4.0.0-api

[Obsolete (“BackgroundImageProperty is obsolete as of 4.0.0. Please use BackgroundImageSourceProperty instead.”)]
public static BindableProperty BackgroundImageProperty;

We have documented the same in our UI Kit documentation below.

1. https://help.syncfusion.com/xamarin/uikit/overview#supported-platforms

2. https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms/blob/master/README.md#supported-platforms

So, could you please update the Xamarin.Forms NuGet package to the latest version and try deploying your application.

Please let us know if you need any further assistance.

Thanks,
Meikandan

Leave a comment