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/

Leave a Reply

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.