SkeletonUI

Skelettonui zielt darauf ab, eine elegante, deklarative Syntax in das Skelett -Ladeanimationen zu bringen. Befreien Sie sich von Bildschirmen oder Spinnern und verwenden Sie Skelette, um die endgültigen Inhaltsformen darzustellen.

Anforderungen

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

Unterstützte Plattformen

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

Installation

Swift Package Manager

Swift Paket Manager ist ein Tool zur Automatisierung der Verteilung des Swift -Codes und ist in den swift -Compiler integriert. Sobald Sie Ihr Swift -Paket eingerichtet haben, ist das Hinzufügen SkeletonUI als Abhängigkeit so einfach wie das Hinzufügen zum dependencies Ihres Package.swift .

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

Cocoapods

Cocoapods ist ein zentraler Abhängigkeitsmanager für Kakaoprojekte. Für Verwendungs- und Installationsanweisungen finden Sie ihre Website. Um Skeletonui mit Cocoapods in Ihr Xcode -Projekt zu integrieren, geben Sie es in Ihrer Podfile an:

 pod 'SkeletonUI'

Merkmale

• Swiftui Einfache, deklarative Syntax.
• Super einfach und einfach eingerichtet.
• Alle Ansichten sind Skelettierungen.
• Voll anpassbar.
• Universal (iPhone, iPad, iPod, Apple TV, Apple Watch, Mac).
• Swiftui ViewModifier Power.
• Leichte Codebasis.

Verwendung

Basis-Einzelliner:

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 " ]
                }
        }
    }
}

Erweiterte Anpassung:

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 " ) ]
            }
        }
    }
}

Protokoll ändern?

Weitere Informationen finden Sie unter changelog.md.

Beitragen?

• Schlagen Sie Ihre Idee als Funktionsanfrage für dieses Projekt vor.
• Erstellen Sie einen Fehlerbericht, um uns zu verbessern.
• Schlagen Sie Ihre eigenen Korrekturen, Vorschläge vor und öffnen Sie eine Pull -Anfrage mit den Änderungen.

Weitere Informationen finden Sie unter Beitrags.md.

Verhaltenskodex

Weitere Informationen finden Sie unter code_of_conduct.md.

Credits?

Skeletonui gehört CSOLANAM und wird von CSOLANAM gehalten. Sie können mir auf Twitter unter @Csolanam folgen oder mich per E -Mail kontaktieren, um Projektupdates und Veröffentlichungen zu erhalten.

Lizenz?

Skelettonui wird unter der MIT -Lizenz veröffentlicht. Weitere Informationen finden Sie in Lizenz.