SkeletonUI

Skeletonui bertujuan untuk membawa sintaksis yang elegan dan deklaratif ke animasi pemuatan kerangka. Singkirkan pemuatan layar atau pemintal dan mulailah menggunakan kerangka untuk mewakili bentuk konten akhir.

Persyaratan

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

Platform yang didukung

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

Instalasi

Manajer Paket Swift

Swift Package Manager adalah alat untuk mengotomatiskan distribusi kode Swift dan diintegrasikan ke dalam kompiler swift . Setelah Anda mengatur paket Swift, menambahkan SkeletonUI sebagai ketergantungan semudah menambahkannya ke nilai dependencies Package.swift Anda.

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

Cocoapods

Cocoapods adalah manajer ketergantungan terpusat untuk proyek kakao. Untuk instruksi penggunaan dan instalasi, kunjungi situs web mereka. Untuk mengintegrasikan skeletonui ke dalam proyek XCODE Anda menggunakan Cocoapods, tentukan di Podfile Anda:

 pod 'SkeletonUI'

Fitur

• Sintaks sintaksis sederhana dan deklaratif.
• Super mudah dan sederhana untuk diatur.
• Semua tampilan adalah kerangka.
• Sepenuhnya dapat disesuaikan.
• Universal (iPhone, iPad, iPod, Apple TV, Apple Watch, Mac).
• Kekuatan ViewModifier SwiftUi.
• Basis kode ringan.

Penggunaan

One-Liner Dasar:

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

Kustomisasi Lanjutan:

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

Ubah log?

Lihat Changelog.md untuk detailnya.

Berkontribusi?

• Sarankan ide Anda sebagai permintaan fitur untuk proyek ini.
• Buat laporan bug untuk membantu kami meningkatkan.
• Usulkan perbaikan Anda sendiri, saran dan buka permintaan tarik dengan perubahan.

Lihat Kontribusi.MD untuk detailnya.

Kode Etik

Lihat code_of_conduct.md untuk detailnya.

Kredit?

Skeletonui dimiliki dan dikelola oleh Csolanam. Anda dapat mengikuti saya di Twitter di @csolanam atau menghubungi saya melalui email untuk pembaruan dan rilis proyek.

Lisensi?

Skeletonui dirilis di bawah lisensi MIT. Lihat lisensi untuk detailnya.