How to integrate .NET MAUI Shimmer with android native embedding application?

In this article, you can learn to create a .NET MAUI Shimmer native embedded Android application by following the step-by-step process explained below.

Step 1:
Create a .NET Android application and install the Syncfusion.Maui.Shimmer nuget package using the nuget.org.

Step 2:
In the project file of the native application, add <UseMaui>true</UseMaui> to enable the .NET MAUI support as demonstrated below.

<PropertyGroup>
   <Nullable>enable</Nullable>
   <ImplicitUsings>enable</ImplicitUsings>
   <UseMaui>true</UseMaui>
</PropertyGroup>

Step 3:
Create a MauiAppBuilder object and use the UseMauiEmbedding function to initialize .NET MAUI in a native app project.

Use the Build() method on the MauiAppBuilder object to build a MauiApp object. From the MauiApp object, a MauiContext object has to be created. Converting .NET MAUI controls to native types will involve using the MauiContext object.

MauiContext? _mauiContext;
protected override void OnCreate(Bundle? savedInstanceState)
{
   base.OnCreate(savedInstanceState);
   MauiAppBuilder builder = MauiApp.CreateBuilder();
   builder.UseMauiEmbedding<Microsoft.Maui.Controls.Application>();
   builder.ConfigureSyncfusionCore();
   MauiApp mauiApp = builder.Build();
   _mauiContext = new MauiContext(mauiApp.Services, this);
}

Step 4:

Create a new instance for the SfShimmer control, configure the shimmer type using the Type property to display a shimmer effect with vertical filling layout option.

public class MainActivity : Activity
{
   MauiContext? _mauiContext;
   protected override void OnCreate(Bundle? savedInstanceState)
   {
       ...
       SfShimmer shimmer = new SfShimmer()
       {
           Type = ShimmerType.Feed,
           VerticalOptions = LayoutOptions.Fill
       };
       ...
   }
}

Step 5:

Convert the shimmer control to a platform-specific view for the MAUI framework and set this view as the content view for the current Android activity.

protected override void OnCreate(Bundle? savedInstanceState)
{
   Android.Views.View view = shimmer.ToPlatform(_mauiContext);

   // Set our view from the "main" layout resource
   SetContentView(view);
}

Output:

Download the complete sample on GitHub

Conclusion:
I hope you enjoyed learning how to integrate Android Native embedding for the .NET MAUI Shimmer.

You can refer to our .NET MAUI Shimmer’s feature tour page to learn about its other groundbreaking feature representations. Explore our .NET MAUI Shimmer documentation to understand how to present and manipulate data.

For current customers, you can check out our .NET MAUI from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our .NET MAUI Shimmer and other .NET MAUI components.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!