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は、Cocoaプロジェクトの集中依存関係マネージャーです。使用法とインストール手順については、ウェブサイトをご覧ください。 cocoapodsを使用してxcodeプロジェクトにskeletonuiを統合するには、 Podfileで指定します。

 pod 'SkeletonUI'

特徴

• Swiftuiシンプル、宣言的構文。
• 非常に簡単でセットアップが簡単です。
• すべてのビューはskeletonablesです。
• 完全にカスタマイズ可能。
• ユニバーサル（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を参照してください。

貢献？

• このプロジェクトの機能要求としてのアイデアを提案してください。
• バグレポートを作成して、改善を支援します。
• 独自の修正、提案を提案し、変更を使用してプルリクエストを開きます。

詳細については、Convributing.mdを参照してください。

行動規範

詳細については、code_of_conduct.mdを参照してください。

クレジット？

SkeletonuiはCsolanamが所有および維持しています。 @csolanamのTwitterで私をフォローするか、プロジェクトの更新とリリースについてはメールで私に連絡してください。

ライセンス？

SkeletonuiはMITライセンスの下でリリースされます。詳細については、ライセンスを参照してください。