Skip to content

πŸš€ MAUI skeletonΒ #140

@Strypper

Description

@Strypper

Preview

The latest trend for loading approaches in MAUI and Xamarin Forms apps. The skeleton can be easily implemented on each view contained in your XAML.
Original link
Available on NuGet: Sharpnado.HorusSkeleton.Maui [NuGet]

Public API Changes

xmlns:sk="clr-namespace:Xamarin.Forms.Skeleton;assembly=Xamarin.Forms.Skeleton"

<ListView RowHeight="90"
	SeparatorVisibility="None"
	SelectionMode="None"
	VerticalOptions="FillAndExpand"
	BackgroundColor="Transparent"
	ItemTemplate="{StaticResource ItemTemplate}"
	ItemsSource="{Binding Items}"
	sk:Skeleton.IsParent="True"
	sk:Skeleton.IsBusy="{Binding IsBusy}"
	sk:Skeleton.Animation="{sk:DefaultAnimation Fade}" />

<Frame BackgroundColor="Transparent"
       HasShadow="False"
       CornerRadius="5"
       Padding="0"
       HorizontalOptions="Start"
       sk:Skeleton.IsBusy="{Binding IsBusy}"
       sk:Skeleton.BackgroundColor="#c6c6c5">
			<Label Text="{Binding Title}"
					TextColor="#000000"
					FontSize="20"
					FontAttributes="Bold"
					HorizontalOptions="Start"/>
</Frame>

Intended Use-Case

Use this to initialize the loading view state so the user will know that the mobile app is busy on doing something.

Metadata

Metadata

Assignees

Labels

community 🀝Controls or libraries that came from github communityeffort/mediumMedium amount of work, 4h to 16h actionlevel/normal πŸ™‚In comfort zone, little research and may require using built-in features, but no RnDnew feature πŸš€New feature addition

Projects

Status

Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions