Skip to content
The new loading approach for cool apps in Xamarin Forms
C#
Branch: master
Clone or download
Latest commit ad4d5f6 Sep 17, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
SkeletonExample
Xamarin.Forms.Skeleton
screenshots The Hide property is added and sample is modified Sep 8, 2019
.gitignore
LICENSE Improvements and samples are added Aug 25, 2019
README.md Updated Readme Sep 17, 2019
Xamarin.Forms.Skeleton.nuspec The Hide property is added and sample is modified Sep 8, 2019
Xamarin.Forms.Skeleton.sln Readme is modified Aug 31, 2019
icon.png Animations are modified Aug 24, 2019

README.md

Xamarin.Forms.Skeleton

The latest trend for loading approaches in Xamarin Forms apps. Skeleton can be easily implemented on each view contained in your Xaml.

Sample

Setup

Platform Support

Platform Version
Xamarin.iOS iOS 8+
Xamarin.Android API 16+
Xamarin.Forms >= 4.0.0.425677

API Usage

You must add this namespace to your xaml files:

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

Add the following properties to generate a loading animation:

<ListView RowHeight="109"
	SeparatorVisibility="None"
	SelectionMode="None"
	VerticalOptions="FillAndExpand"
	ItemTemplate="{StaticResource ItemTemplate}"
	ItemsSource="{Binding Items}"
	extension:Skeleton.IsParent="True"
	extension:Skeleton.IsBusy="{Binding IsBusy}"
	extension:Skeleton.Animation="Fade" />

Add the following properties to set a loading animation with a specific background color:

<Label Text="{Binding Title}"
	TextColor="#c92726"
	FontSize="Large"
	extension:Skeleton.IsBusy="{Binding IsBusy}"
	extension:Skeleton.BackgroundColor="#c6c6c5" />

Properties

IsParent (Boolean)

  • Indicates if it is a parent control which has skeleton children controls.
  • The default value is false.

IsBusy (Boolean)

  • Indicates if the control is busy in a loading state.
  • The default value is false.

BackgroundColor (Color)

  • Control background color when is busy.
  • The default value is the xamarin forms default color.

Hide (Boolean)

  • Indicates if the control is hide when is busy.
  • The default value is false.

Animation (AnimationTypes)

  • Control animation when is busy.
  • Possible values: None, Fade and Beat (working in new Animations for the next release)
  • The default value is None.

AnimationInterval (Int)

  • Animation interval when is busy.
  • Value in milliseconds.
  • The default value is 500.

AnimationParameter (Double?)

  • Animation parameter to modify the animation.
  • The default value is null.

Demo

https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton/tree/master/SkeletonExample

Roadmap

  • New animations
  • Automatic ItemsSource population (fake data) for skeleton preview in: ListView, CollectionView, Repeater, etc.

Developed by

Contributions

Contributions are welcome! If you find a bug want a feature added please report it.

If you want to contribute code please file an issue, create a branch, and file a pull request.

License

MIT License - see LICENSE.txt

You can’t perform that action at this time.