Welcome to Xamarin Guy Show Blog

Keep updated for latest and Greatest Posts from Xamarin guy

Xamarin Forms Acrylic Material Frames

Acrylic and the Fluent Design System :

The Fluent Design System helps you create modern, bold UI that incorporates light, depth, motion, material, and scale. Acrylic is a Fluent Design System component that adds physical texture (material) and depth to your app.

So let’s integrate this type of Frames inside Xamarin forms.
Step 1 : At first we are going to add this https://www.nuget.org/packages/Sharpnado.Presentation.Forms/ Package inside our Xamarin Forms Shared , Android and iOS project.

Step2: [iOS configuration] – Inside AppDelegate.cs class we are going to add this line of code : SharpnadoInitializer.Initialize(enableInternalLogger: true);
After global::Xamarin.Forms.Forms.Init();
[Android configuration] x Not Required

Step 3 : Now inside our Shared Platform Configuration. [We are going to add Acrylic UI designs inside simple listview] – My MainPage.xaml looks like this : -My MainPage.xaml.cs looks like this : -My MainPageViewModel looks like this : – My PlayModel.cs Looks like this : – My App.xaml Looks like this :
Final OutPut :

If you find difficult to integrate then you can follow full configuration setup here : https://www.youtube.com/watch?v=IB8HSnpqdcA

Download Project : http://xamaringuyshow.com/acyrlicframetut52/

 6,501 total views,  2 views today

Leave a Reply