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许可发布。有关详细信息，请参见许可证。