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 Code и интегрирован в компилятор swift . После того, как у вас настройка пакета Swift добавление SkeletonUI в качестве зависимости так же просто, как добавить его к значению dependencies вашего Package.swift Swift.

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

Кокопод

Кокоподс является централизованным менеджером по зависимостям для какао -проектов. Для получения инструкций по использованию и установке посетите их веб -сайт. Чтобы интегрировать Skeletonui в ваш проект Xcode с использованием кокопод, укажите его в вашем Podfile :

 pod 'SkeletonUI'

Функции

• Swiftui Simple, декларативный синтаксис.
• Супер простой и простой в настройке.
• Все виды скелетонистики.
• Полностью настраиваемый.
• 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 " ) ]
            }
        }
    }
}

Изменить журнал?

См. Чанглог.md для деталей.

Внести свой вклад?

• Предложите свою идею в качестве запроса функции для этого проекта.
• Создайте отчет об ошибке, чтобы помочь нам улучшить.
• Предложите свои собственные исправления, предложения и откройте запрос на притяжение с изменениями.

См. Appling.md для деталей.

Нормы поведения

См. Code_of_conduct.md для получения подробной информации.

Кредиты?

Skeletonui принадлежит и поддерживается Csolanam. Вы можете подписаться на меня в Twitter по адресу @csolanam или связаться со мной по электронной почте для обновлений и выпусков проекта.

Лицензия?

Skeletonui выпускается по лицензии MIT. Смотрите лицензию для деталей.