SkeletonUI

Skeletonui는 스켈레톤 로딩 애니메이션에 우아하고 선언적인 구문을 가져 오는 것을 목표로합니다. 로딩 스크린 또는 스피너를 제거하고 최종 컨텐츠 모양을 나타 내기 위해 골격을 사용하십시오.

요구 사항

• MacOS 10.15.
• Xcode 11.0.
• 스위프트 5.0.

지원되는 플랫폼

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

설치

스위프트 패키지 관리자

Swift Package Manager는 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 Power.
• 가벼운 코드베이스.

용법

기본 원 라이너 :

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를 참조하십시오.

기여?

• 이 프로젝트의 기능 요청으로서 아이디어를 제안하십시오.
• 개선에 도움이되는 버그 보고서를 작성하십시오.
• 자신의 수정, 제안서를 제안하고 변경 사항으로 풀 요청을 열십시오.

자세한 내용은 Contributing.md를 참조하십시오.

행동 강령

자세한 내용은 code_of_conduct.md를 참조하십시오.

크레딧?

Skeletonui는 Csolanam이 소유하고 유지 관리합니다. Twitter에서 @csolanam에서 나를 팔로우하거나 프로젝트 업데이트 및 릴리스를 위해 이메일을 통해 저에게 연락 할 수 있습니다.

라이센스?

Skeletonui는 MIT 라이센스에 따라 릴리스됩니다. 자세한 내용은 라이센스를 참조하십시오.