vitamin ios

Important

Cette version actuelle de la vitamine n'évoluera plus et n'acceptera plus les corrections de bogues à partir de maintenant. Plus de détails ici.

Vitamine iOS

Bibliothèques du système de conception de décathlon pour les applications iOS et iPados

Site web

Introduction

Decathlon Design System est le cadre qui aide notre écosystème à concevoir et à développer des expériences cohérentes et de qualité.
Pour sa section numérique, elle est appelée vitamine.

Installer

SPM

Ajoutez de la vitamine à la table des dépendances de votre package:

dependencies: [
  . package ( url : " https://github.com/Decathlon/vitamin-ios.git " , . exact ( " 0.13.0 " ) ) ,
  // Any other dependencies...
] ,

Ensuite, ajoutez de la vitamine au tableau des dépendances de toute cible qui dépend de la vitamine.
Pour SwiftUI :

 . target ( name : " YourSwiftUITarget " ,
        dependencies : [
            . product ( name : " VitaminSwiftUI " , package : " vitamin-ios " ) ,
            // Any other dependencies...
        ] ) ,

Pour UIKit :

 . target ( name : " YourUIKitTarget " ,
        dependencies : [
            . product ( name : " Vitamin " , package : " vitamin-ios " ) ,
            // Any other dependencies...
        ] ) ,

Un exemple complet:

 let package = Package (
    name : " YourPackage " ,
    products : [
        // Your products
    ] ,
    dependencies : [
        . package ( url : " https://github.com/Decathlon/vitamin-ios.git " , . exact ( " 0.13.0 " ) ) ,
        // Any other dependencies...
    ] ,
    targets : [
        // Your target
        . target ( name : " YourUIKitTarget " ,
                dependencies : [
                    . product ( name : " Vitamin " , package : " vitamin-ios " ) ,
                    // Any other dependencies...
                ] ) , 
        . target ( name : " YourSwiftUITarget " ,
                dependencies : [
                    . product ( name : " VitaminSwiftUI " , package : " vitamin-ios " ) ,
                    // Any other dependencies...
                ] ) ,
    ]
)

Cocoapodes

 # for UIKitVersion
pod 'Vitamin' , '= 0.13.0'

# for SwiftUI version
pod 'VitaminSwiftUI' , = '0.13.0' 

Éléments disponibles

Cette bibliothèque fournit deux types d'éléments: les fondations et les composants.
Les fondations sont des briques de base du système de conception de vitamines, et les composants sont des éléments de haut niveau, construits sur des fondations.

Fondations

Les fondations suivantes sont disponibles:

Élément	Description	Documentation
Actifs	Ensemble d'actifs graphiques utilisables dans le système de conception.	Uikit swiftui
Couleurs	Sémantique et couleurs de base du système de conception.	Uikit swiftui
Icônes	Ensemble d'icônes utilisables dans le système de conception.	Uikit swiftui
Rayon	Rayons applicables à n'importe quelle vue du système de conception.	Uikit swiftui
Ombres	Ombres applicables à toute vue du système de conception.	Uikit swiftui
Typographie	Styles de texte utilisables dans le système de conception.	Uikit swiftui

Composants

Les composants suivants sont disponibles:

Composant	Description	Documentation
Badge	Badges du système de conception de vitamines.	Uikit swiftui
Bouton	Différents styles de bouton du système de conception de vitamines.	Uikit swiftui
Barre de progrès	Différents styles de rédaction de progrès du système de conception de vitamines.	Uikit
Contournement segmenté	Contrôle segmenté à partir du système de conception de vitamines.	Uikit
Barre des snacks	Snackbar du système de conception de vitamines.	Uikit
Changer	Passer du système de conception de vitamines.	Uikit
Étiqueter	Tag du système de conception de vitamines.	Uikit
Champ de texte	Différents champs de texte Styles du système de conception de vitamines.	Uikit swiftui

Merci spécial

Merci aux contributeurs impliqués dans ces bibliothèques Vitamin-IOS (avant même qu'ils ne soient open source) . ?

Merci également l'icône Remix parce que les icônes Vitamix sont la bibliothèque officielle d'icônes Decathlon basée sur leur bibliothèque d'icônes open source (Remix Design © 2020). Cette bibliothèque originale est sous la licence Apache 2.0 et a été modifiée par Decathlon. Apprendre encore plus.

Licence

 Copyright 2021 Decathlon.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.