SkeletonUI

Skeletonui旨在將優雅的聲明語法帶到骨架加載動畫中。擺脫裝載屏幕或旋轉器，然後開始使用骨骼來表示最終內容形狀。

要求

• MacOS 10.15。
• XCode 11.0。
• Swift 5.0。

支持的平台

• iOS 13.0。
• TVOS 13.0。
• WatchOS 6.0。
• MacOS 10.15。

安裝

Swift軟件包管理器

Swift Package Manager是自動化Swift代碼分佈的工具，並將其集成到swift編譯器中。設置了Swift軟件包後，將SkeletonUI添加為依賴項就像將其添加到Package.swift的dependencies項值中一樣容易。

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

可可錄

Cocoapods是可可項目的集中式依賴經理。有關使用和安裝說明，請訪問其網站。要使用Cocoapods將Skeletonui集成到您的Xcode項目中，請在您的Podfile中指定：

 pod 'SkeletonUI'

特徵

• Swiftui簡單，聲明性語法。
• 超級簡單易於設置。
• 所有視圖都是骨骼。
• 完全可定制。
• Universal（iPhone，iPad，iPod，Apple TV，Apple Watch，Mac）。
• Swiftui ViewModifier功率。
• 輕量級代碼庫。

用法

基本的單線：

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

高級自定義：

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

更改日誌？

有關詳細信息，請參見ChangElog.md。

貢獻？

• 將您的想法作為此項目的功能請求。
• 創建一個錯誤報告以幫助我們改進。
• 提出自己的修復，建議並打開更改的拉動請求。

有關詳細信息，請參見貢獻。

行為守則

有關詳細信息，請參見Code_of_conduct.md。

學分？

Skeletonui由Csolanam擁有和維護。您可以通過@CSolanam在Twitter上關注我，也可以通過電子郵件與我聯繫以獲取項目更新和發布。

執照 ？

Skeletonui根據MIT許可發布。有關詳細信息，請參見許可證。