https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton
The new loading approach for cool apps in Xamarin Forms
https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton
Last synced: 4 days ago
JSON representation
The new loading approach for cool apps in Xamarin Forms
- Host: GitHub
- URL: https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton
- Owner: HorusSoftwareUY
- License: mit
- Created: 2019-05-31T16:22:00.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-29T18:05:21.000Z (about 2 years ago)
- Last Synced: 2024-04-28T13:04:16.691Z (about 1 year ago)
- Language: C#
- Size: 76.4 MB
- Stars: 436
- Watchers: 21
- Forks: 49
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-dotnet-maui - Xamarin.Forms.Skeleton - square)](https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton/stargazers)|[](https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton/commits) (UI)
- awesome-xamarin-forms - Xamarin.Forms.Skeleton ★297
- awesome-xamarin - 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. (Xamarin.Forms)
README
# Skeleton for Xamarin and MAUI apps
The Skeleton control is a popular approach to loading content in mobile apps that provides one or more visual placeholders while content is being loaded. This technique is particularly useful for improving user experience, as it reduces perceived load times and provides a more engaging experience.
## Setup
* Available on NuGet: [HorusStudio.Maui.Skeleton](https://www.nuget.org/packages/HorusStudio.Maui.Skeleton/) [](https://www.nuget.org/packages/HorusStudio.Maui.Skeleton/)
* Available on NuGet: [Xamarin.Forms.Skeleton](https://www.nuget.org/packages/Xamarin.Forms.Skeleton/) [](https://www.nuget.org/packages/Xamarin.Forms.Skeleton/)
* Install into your Core and Client projects.
**Platform Support**
|Platform|Version|
| ------------------- | :------------------: |
|Xamarin.iOS|iOS 8+|
|Xamarin.Android|API 16+|
|Xamarin.Forms|>= 4.0.0.425677|
|.net6 MAUI|ALL|
## Usage
You must add this namespace to your xaml files:
```XML
xmlns:sk="clr-namespace:Xamarin.Forms.Skeleton;assembly=Xamarin.Forms.Skeleton"
```
Add the following properties to generate a loading animation:
```XML
```
Add the following properties to set a loading animation with a specific background color:
```XML
```
### 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 (BaseAnimation)
- Control animation when is busy.
- Possible values: None, Fade, Beat, HorizontalShake, VerticalShake and custom animation inheriting from BaseAnimation.
- 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.
## Animations
### Skeleton Animation
### Beat Animation
### Fade Animation
### Vertical Shake Animation
### Horizontal Shake Animation
### Custom Animation
## Demo
### MAUI
https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton/tree/master/SkeletonSample
### Xamarin.Forms:
https://github.com/HorusSoftwareUY/Xamarin.Forms.Skeleton/tree/master/SkeletonExample
## 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