SkeletonUI

Skeletonui ตั้งเป้าหมายที่จะนำไวยากรณ์ที่สง่างามและประกาศมาสู่ภาพเคลื่อนไหวที่กำลังโหลดโครงกระดูก กำจัดหน้าจอโหลดหรือสปินเนอร์และเริ่มใช้โครงกระดูกเพื่อแสดงรูปร่างเนื้อหาสุดท้าย

ความต้องการ

• MacOS 10.15
• xcode 11.0
• Swift 5.0.

แพลตฟอร์มที่รองรับ

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

การติดตั้ง

Swift Package Manager

Swift Package Manager เป็นเครื่องมือสำหรับการกระจายรหัส Swift โดยอัตโนมัติและรวมเข้ากับคอมไพเลอร์ swift เมื่อคุณตั้งค่าแพ็คเกจ Swift แล้วการเพิ่ม SkeletonUI เป็นการพึ่งพานั้นง่ายพอ ๆ กับการเพิ่มลงในค่า dependencies ของ Package.swift ของคุณ

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

โกโก้

Cocoapods เป็นผู้จัดการการพึ่งพาส่วนกลางสำหรับโครงการโกโก้ สำหรับคำแนะนำการใช้งานและการติดตั้งเยี่ยมชมเว็บไซต์ของพวกเขา ในการรวม Skeletonui เข้ากับโครงการ XCode ของคุณโดยใช้ cocoapods ให้ระบุใน Podfile ของคุณ:

 pod 'SkeletonUI'

คุณสมบัติ

• Swiftui Simple ไวยากรณ์ที่เปิดเผย
• ติดตั้งง่ายและเรียบง่ายสุด ๆ
• มุมมองทั้งหมดเป็นโครงกระดูก
• ปรับแต่งได้อย่างเต็มที่
• Universal (iPhone, iPad, iPod, Apple TV, Apple Watch, Mac)
• Swiftui ViewModifier Power
• codebase น้ำหนักเบา

การใช้งาน

One-Liner พื้นฐาน:

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

มีส่วนร่วม?

• แนะนำความคิดของคุณเป็นคำขอคุณสมบัติสำหรับโครงการนี้
• สร้างรายงานข้อผิดพลาดเพื่อช่วยให้เราปรับปรุง
• เสนอการแก้ไขคำแนะนำและเปิดคำขอดึงด้วยการเปลี่ยนแปลง

ดูรายละเอียด MD สำหรับรายละเอียด

จรรยาบรรณ

ดู code_of_conduct.md สำหรับรายละเอียด

เครดิต?

Skeletonui เป็นเจ้าของและดูแลโดย Csolanam คุณสามารถติดตามฉันได้ที่ Twitter ที่ @csolanam หรือติดต่อฉันทางอีเมลสำหรับการอัปเดตและเผยแพร่โครงการ

ใบอนุญาต ?

Skeletonui เปิดตัวภายใต้ใบอนุญาต MIT ดูใบอนุญาตสำหรับรายละเอียด