SkeletonUI

Skeletonui tiene como objetivo traer una sintaxis elegante y declarativa a las animaciones de carga de esqueleto. Deshágase de la carga de pantallas o hilanderos y comience a usar esqueletos para representar formas finales de contenido.

Requisitos

• MacOS 10.15.
• Xcode 11.0.
• Swift 5.0.

Plataformas compatibles

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

Instalación

Administrador de paquetes Swift

Swift Package Manager es una herramienta para automatizar la distribución del código Swift y está integrada en el compilador swift . Una vez que tenga su paquete Swift configurado, agregar SkeletonUI como dependencia es tan fácil como agregarlo al valor de dependencies de su Package.swift .

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

Cocoapods

Cocoapods es un gerente de dependencia centralizado para proyectos de cacao. Para obtener instrucciones de uso e instalación, visite su sitio web. Para integrar Skeletonui en su proyecto Xcode utilizando Cocoapods, especifíquelo en su Podfile :

 pod 'SkeletonUI'

Características

• Swiftui Simple, sintaxis declarativa.
• Súper fácil y simple de configurar.
• Todas las vistas son esqueletonables.
• Totalmente personalizable.
• Universal (iPhone, iPad, iPod, Apple TV, Apple Watch, Mac).
• Swiftui ViewModifier Power.
• Base de código liviano.

Uso

Línea básica:

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

Personalización avanzada:

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

¿Cambiar log?

Ver ChangeLog.md para más detalles.

Contribuyendo?

• Sugiera su idea como una solicitud de función para este proyecto.
• Cree un informe de errores para ayudarnos a mejorar.
• Proponga sus propias soluciones, sugerencias y abra una solicitud de extracción con los cambios.

Ver contribuyente.md para más detalles.

Código de conducta

Consulte Code_of_Conduct.md para obtener más detalles.

Créditos?

Skeletonui es propiedad y mantiene por Csolanam. Puede seguirme en Twitter en @csolanam o contactarme por correo electrónico para actualizaciones y lanzamientos de proyectos.

Licencia?

Skeletonui se libera bajo la licencia MIT. Vea la licencia para más detalles.