Class
RadSkeleton

Represents a skeleton loading indicator control that displays placeholder content while actual content is being loaded. Provides built-in skeleton types, customizable templates and animation for creating engaging loading experiences.

Definition

Namespace:Telerik.Maui.Controls

Assembly:Telerik.Maui.Controls.dll

Syntax:

cs-api-definition

public class RadSkeleton : RadBorderContentView, IRadContentView, IContentView, IView, IElement, ITransform, IPadding, ICrossPlatformLayout

Inheritance: objectRadContentViewRadCompositeContentViewRadBorderContentViewRadSkeleton

Implements: IContentViewICrossPlatformLayoutIElementIPaddingIRadContentViewITransformIView

Inherited Members RadBorderContentView.BackgroundColorPropertyRadBorderContentView.BackgroundPropertyRadBorderContentView.BorderColorPropertyRadBorderContentView.BorderBrushPropertyRadBorderContentView.BorderThicknessPropertyRadBorderContentView.CornerRadiusPropertyRadBorderContentView.ContentPaddingPropertyRadBorderContentView.BackgroundColorRadBorderContentView.BackgroundRadBorderContentView.BorderColorRadBorderContentView.BorderBrushRadBorderContentView.BorderThicknessRadBorderContentView.CornerRadiusRadBorderContentView.ContentPaddingRadCompositeContentView.StylePropertyRadCompositeContentView.ControlTemplatePropertyRadCompositeContentView.OnBindingContextChanged()RadCompositeContentView.OnPropertyChanged(string)RadCompositeContentView.StyleRadCompositeContentView.ControlTemplateRadContentView.ActualStyleClassPropertyRadContentView.OnChildAdded(Element)RadContentView.OnChildRemoved(Element, int)RadContentView.OnHandlerChanged()

Constructors

RadSkeleton()

Initializes a new instance of the RadSkeleton class.

Declaration

cs-api-definition

public RadSkeleton()

Fields

AnimatedLoadingColorProperty

Identifies the AnimatedLoadingColor bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty AnimatedLoadingColorProperty

Field Value

BindableProperty

IsLoadingProperty

Identifies the IsLoading bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty IsLoadingProperty

Field Value

BindableProperty

LoadingViewColorProperty

Identifies the LoadingViewColor bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty LoadingViewColorProperty

Field Value

BindableProperty

LoadingViewDrawableProperty

Identifies the LoadingViewDrawable bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty LoadingViewDrawableProperty

Field Value

BindableProperty

LoadingViewMinimumHeightProperty

Identifies the LoadingViewMinimumHeight bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty LoadingViewMinimumHeightProperty

Field Value

BindableProperty

LoadingViewMinimumWidthProperty

Identifies the LoadingViewMinimumWidth bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty LoadingViewMinimumWidthProperty

Field Value

BindableProperty

LoadingViewTemplateProperty

Identifies the LoadingViewTemplate bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty LoadingViewTemplateProperty

Field Value

BindableProperty

RepeatCountProperty

Identifies the RepeatCount bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty RepeatCountProperty

Field Value

BindableProperty

RepeatSpacingProperty

Identifies the RepeatSpacing bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty RepeatSpacingProperty

Field Value

BindableProperty

SkeletonAnimationTypeProperty

Identifies the SkeletonAnimationType bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty SkeletonAnimationTypeProperty

Field Value

BindableProperty

SkeletonTypeProperty

Identifies the SkeletonType bindable property.

Declaration

cs-api-definition

public static readonly BindableProperty SkeletonTypeProperty

Field Value

BindableProperty

Properties

AnimatedLoadingColor

Gets the animated color of the loading view.

Declaration

cs-api-definition

public Color AnimatedLoadingColor { get; }

Property Value

Color

IsLoading

Gets or sets a value indicating whether the content is currently loading. When set to true, the skeleton loading view is displayed; when false, the actual content is shown.

Declaration

cs-api-definition

public bool IsLoading { get; set; }

Property Value

bool

true if content is loading; otherwise, false. The default value is true.

LoadingViewColor

Gets or sets the base color of the skeleton loading view.

Declaration

cs-api-definition

public Color LoadingViewColor { get; set; }

Property Value

Color

The color of the placeholder elements. The default value is black (#000000).

LoadingViewDrawable

Gets or sets the custom drawable object used to render the loading view.

Declaration

cs-api-definition

public IDrawable LoadingViewDrawable { get; set; }

Property Value

IDrawable

An IDrawable instance that defines how the loading view is drawn.

LoadingViewMinimumHeight

Gets or sets the minimum height of the loading view.

Declaration

cs-api-definition

public double LoadingViewMinimumHeight { get; set; }

Property Value

double

LoadingViewMinimumWidth

Gets or sets the minimum width of the loading view.

Declaration

cs-api-definition

public double LoadingViewMinimumWidth { get; set; }

Property Value

double

LoadingViewTemplate

Gets or sets the custom data template for the loading view. When set, this template overrides the built-in skeleton types specified by SkeletonType.

Declaration

cs-api-definition

public DataTemplate LoadingViewTemplate { get; set; }

Property Value

DataTemplate

A DataTemplate that defines the custom loading view layout, or null to use the built-in skeleton type.

Remarks

The template allows you to create fully customized loading placeholders that match your specific UI requirements. You can use any MAUI layout or view within the template. The skeleton animation specified by SkeletonAnimationType will still be applied to the custom template.

RepeatCount

Gets or sets the number of repetitions of the loading view.

Declaration

cs-api-definition

public int RepeatCount { get; set; }

Property Value

int

RepeatSpacing

Gets or sets the spacing between the repeated loading views.

Declaration

cs-api-definition

public double RepeatSpacing { get; set; }

Property Value

double

SkeletonAnimationType

Gets or sets the animation type for the skeleton loading view.

Declaration

cs-api-definition

public SkeletonAnimationType SkeletonAnimationType { get; set; }

Property Value

SkeletonAnimationType

A SkeletonAnimationType value representing the animation style. The default value is Pulse.

Remarks

Available animation types:

None: No animation is applied to the skeleton.
Pulse: A pulsing animation that fades the skeleton in and out.

SkeletonType

Gets or sets the type of built-in skeleton template to display during loading. This property is only used when LoadingViewTemplate is null.

Declaration

cs-api-definition

public SkeletonType SkeletonType { get; set; }

Property Value

SkeletonType

A SkeletonType value representing the skeleton template. The default value is PersonaCircle.

Remarks

The skeleton type determines the visual layout of the loading placeholder:

Article: Displays a layout suitable for article content with text lines.
Text: Shows a simple text skeleton with horizontal lines.
Image: Displays a skeleton for image-based content.
Card: Shows a card-style skeleton layout.
PersonaCircle: Displays a persona skeleton with a circular avatar.
PersonaSquare: Displays a persona skeleton with a square avatar.
ContentFeed: Shows a content feed skeleton layout.
Video: Displays a skeleton suitable for video content.

Methods

OnApplyTemplate()

Declaration

cs-api-definition

protected override void OnApplyTemplate()

Overrides RadCompositeContentView.OnApplyTemplate()

ClassRadSkeleton

Class
RadSkeleton