Customization in WinUI Shimmer

14 Sep 20232 minutes to read

This section explains how to customize the appearance of the Syncfusion WinUI Shimmer (SfShimmer) control using various properties. You will learn how to modify the following aspects of the shimmer effect:

Fill

The Fill property allows you to specify the background color of the shimmer view.

XAML

<syncfusion:SfShimmer Fill="#89CFF0" />

C#

SfShimmer Shimmer = new SfShimmer();
Shimmer.Fill = Color.FromRgba("#89CFF0");
this.Content = Shimmer;

WaveColor

The WaveColor property enables you to define the color of the shimmer wave.

XAML

<syncfusion:SfShimmer WaveColor ="#89CFF0" />

C#

SfShimmer Shimmer = new SfShimmer();
Shimmer.WaveColor = Color.FromRgba("#89CFF0");
this.Content = Shimmer;

WaveDuration

The WaveDuration property determines the duration of the wave animation in milliseconds.

XAML

<syncfusion:SfShimmer WaveDuration="3000" />

C#

SfShimmer Shimmer = new SfShimmer();
Shimmer.WaveDuration =3000;
this.Content = Shimmer;

WaveWidth

The WaveWidth property specifies the width of the shimmer wave.

XAML

<syncfusion:SfShimmer WaveWidth="70" 
                      WaveColor="#89CFF0"/>

C#

SfShimmer Shimmer = new SfShimmer();
Shimmer.WaveWidth = 70;
Shimmer.WaveColor = Color.FromRgba("#89CFF0");
this.Content = Shimmer;

RepeatCount

The RepeatCount property sets the number of times the built-in view should be repeated.

XAML

<syncfusion:SfShimmer RepeatCount ="3" />

C#

SfShimmer Shimmer = new SfShimmer();
Shimmer.RepeatCount = 3;
this.Content = Shimmer;