SkeletonUI

تهدف الهيكل العظمي إلى إحضار بناء جملة أنيقة وإعلانية إلى الرسوم المتحركة لتحميل الهيكل العظمي. تخلص من شاشات التحميل أو المغازل وابدأ في استخدام الهياكل العظمية لتمثيل أشكال المحتوى النهائي.

متطلبات

• ماكوس 10.15.
• xcode 11.0.
• سويفت 5.0.

المنصات المدعومة

• iOS 13.0.
• TVOS 13.0.
• Watchos 6.0.
• ماكوس 10.15.

تثبيت

مدير الحزمة السريع

Swift Package Manager هي أداة لأتمتة توزيع الكود السريع ويتم دمجها في برنامج التحويل البرمجي swift . بمجرد إعداد حزمة Swift الخاصة بك ، فإن إضافة SkeletonUI كاعتماد سهل مثل إضافته إلى قيمة dependencies الخاصة Package.swift الخاصة بك.

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

كوكوبودس

Cocoapods هو مدير تبعية مركزي لمشاريع الكاكاو. للاستخدام وتثبيت تعليمات التثبيت ، تفضل بزيارة موقع الويب الخاص بهم. لدمج الهيكل العظمي في مشروع Xcode الخاص بك باستخدام Cocoapods ، حدده في 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 للحصول على التفاصيل.

المساهمة؟

• اقترح فكرتك كطلب ميزة لهذا المشروع.
• إنشاء تقرير خطأ لمساعدتنا على التحسن.
• اقترح الإصلاحات الخاصة بك والاقتراحات وفتح طلب سحب مع التغييرات.

انظر المساهمة. md للحصول على التفاصيل.

مدونة لقواعد السلوك

راجع code_of_conduct.md للحصول على التفاصيل.

اعتمادات؟

الهيكل العظمي مملوكة وصيانتها من قبل Csolanam. يمكنك متابعتي على Twitter على csolanam أو الاتصال بي عبر البريد الإلكتروني للحصول على تحديثات وإصدارات المشروع.

رخصة ؟

يتم إطلاق الهيكل العظمي تحت رخصة معهد ماساتشوستس للتكنولوجيا. انظر الترخيص للحصول على التفاصيل.