SkeletonUI

O Skeletonui pretende trazer uma sintaxe declarativa elegante para as animações de carregamento do esqueleto. Livre -se de telas de carregamento ou spinners e comece a usar esqueletos para representar formas finais de conteúdo.

Requisitos

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

Plataformas suportadas

• iOS 13.0.
• TvOS 13.0.
• WatchOS 6.0.
• MacOS 10.15.

Instalação

Gerente de pacotes Swift

O Swift Package Manager é uma ferramenta para automatizar a distribuição do código SWIFT e é integrado ao compilador swift . Depois de configurar seu pacote SWIFT, adicionar SkeletonUI como uma dependência é tão fácil quanto adicioná -lo ao valor de dependencies do seu Package.swift .

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

Cocoapods

O Cocoapods é um gerente de dependência centralizado para projetos de cacau. Para instruções de uso e instalação, visite o site deles. Para integrar o Skeletonui ao seu projeto Xcode usando Cocoapods, especifique -o no seu Podfile :

 pod 'SkeletonUI'

Características

• Swiftui simples e declarativa sintaxe.
• Super fácil e simples de configurar.
• Todas as visualizações são esqueletos.
• Totalmente personalizável.
• Universal (iPhone, iPad, iPod, Apple TV, Apple Watch, Mac).
• Swiftui ViewModifier Power.
• Base de código leve.

Uso

One-liner básico:

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

Personalização avançada:

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

Alterar log?

Consulte Changelog.md para obter detalhes.

Contribuindo?

• Sugira sua ideia como uma solicitação de recurso para este projeto.
• Crie um relatório de bug para nos ajudar a melhorar.
• Propor suas próprias correções, sugestões e abra uma solicitação de tração com as alterações.

Consulte Contribuindo.md para obter detalhes.

Código de Conduta

Consulte Code_of_conduct.md para obter detalhes.

Créditos?

O Skeletonui é de propriedade e mantido pela CSolanam. Você pode me seguir no Twitter em @csolanam ou entrar em contato comigo por e -mail para atualizações e lançamentos do projeto.

Licença?

O Skeletonui é liberado sob a licença do MIT. Consulte a licença para obter detalhes.