SkeletonUI

Skeletonui vise à apporter une syntaxe élégante et déclarative aux animations de chargement squelette. Débarrassez-vous des écrans de chargement ou des filateurs et commencez à utiliser des squelettes pour représenter les formes de contenu finales.

Exigences

• macOS 10.15.
• Xcode 11.0.
• Swift 5.0.

Plates-formes prises en charge

• iOS 13.0.
• TVOS 13.0.
• Watchos 6.0.
• macOS 10.15.

Installation

Swift Package Manager

Swift Package Manager est un outil pour automatiser la distribution du code SWIFT et est intégré dans le compilateur swift . Une fois que vous avez configuré votre package Swift, l'ajout SkeletonUI en tant que dépendance est aussi simple que de l'ajouter à la valeur dependencies de votre Package.swift .

  dependencies: [
  . package ( url : " https://github.com/CSolanaM/SkeletonUI.git " , . branch ( " master " ) )
  ]

Cocoapodes

Cocoapods est un gestionnaire de dépendances centralisé pour les projets de cacao. Pour les instructions d'utilisation et d'installation, visitez leur site Web. Pour intégrer Skeletonui dans votre projet Xcode à l'aide de cocoapods, spécifiez-le dans votre Podfile :

 pod 'SkeletonUI'

Caractéristiques

• Swiftui Syntaxe simple et déclarative.
• Super facile et simple à installer.
• Toutes les vues sont des squelettes.
• Entièrement personnalisable.
• Universal (iPhone, iPad, iPod, Apple TV, Apple Watch, Mac).
• Swiftui ViewModificateur Power.
• Base de code légère.

Usage

One-liner de base:

import SkeletonUI
import SwiftUI

struct UsersView : View {
    @ State var users = [ String ] ( )

    var body : some View {
        Text ( " Finished requesting ( users . count ) users! " )
            . skeleton ( with : users . isEmpty )
            . onAppear {
                DispatchQueue . main . asyncAfter ( deadline : . now ( ) + 5 ) {
                    self . users = [ " John Doe " , " Jane Doe " , " James Doe " , " Judy Doe " ]
                }
        }
    }
}

Personnalisation avancée:

import SkeletonUI
import SwiftUI

struct User : Identifiable {
    let id = UUID ( )
    let name : String
}

struct UsersView : View {
    @ State var users = [ User ] ( )

    var body : some View {
        SkeletonList ( with : users , quantity : 6 ) { loading , user in
            Text ( user ? . name )
                . skeleton ( with : loading ,
                          animation : . pulse ( ) ,
                          appearance : . solid ( color : . red , background : . blue ) ,
                          shape : . rectangle ,
                          lines : 3 ,
                          scales : [ 1 : 0.5 ] )
        }
        . onAppear {
            DispatchQueue . main . asyncAfter ( deadline : . now ( ) + 5 ) {
                self . users = [ User ( name : " John Doe " ) ,
                              User ( name : " Jane Doe " ) ,
                              User ( name : " James Doe " ) ,
                              User ( name : " Judy Doe " ) ]
            }
        }
    }
}

Changer de journal?

Voir Changelog.md pour plus de détails.

Contribuant?

• Suggérez votre idée comme une demande de fonctionnalité pour ce projet.
• Créez un rapport de bogue pour nous aider à nous améliorer.
• Proposer vos propres correctifs, suggestions et ouvrir une demande de traction avec les modifications.

Voir contribution.md pour plus de détails.

Code de conduite

Voir code_of_conduct.md pour plus de détails.

Crédits?

Skeletonui est détenue et entretenue par Csolanam. Vous pouvez me suivre sur Twitter à @csolanam ou me contacter par e-mail pour les mises à jour du projet et les versions.

Licence?

Skeletonui est libéré sous la licence du MIT. Voir la licence pour plus de détails.