vitamin ios

重要

この現在のバージョンのビタミンは、もはや進化せず、これからのバグ修正のみを受け入れます。詳細はこちらです。

ビタミンiOS

iOSおよびiPadosアプリケーション用のデカスロン設計システムライブラリ

Webサイト

導入

Decathlon Design Systemは、私たちのエコシステムが一貫した品質の経験を設計および開発するのに役立つフレームワークです。
デジタルセクションでは、ビタミンと呼ばれます。

インストール

SPM

パッケージの依存関係にビタミンを追加します：

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

次に、ビタミンに依存するターゲットの依存性アレイにビタミンを追加します。
SwiftUIの場合：

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

UIKitの場合：

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

完全な例：

 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...
                ] ) ,
    ]
)

cocoapods

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

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

利用可能な要素

このライブラリは、基礎とコンポーネントの2種類の要素を提供します。
基礎はビタミン設計システムの中核レンガであり、コンポーネントは高レベルの要素であり、基礎の上に構築されています。

基礎

次の基礎が利用可能です。

要素	説明	ドキュメント
資産	設計システムで使用可能なグラフィック資産のセット。	uikit swiftui
色	設計システムのセマンティクスとベースカラー。	uikit swiftui
アイコン	設計システムで使用可能なアイコンのセット。	uikit swiftui
半径	設計システムの任意のビューに適用可能な半径。	uikit swiftui
影	設計システムの任意のビューに適用可能な影。	uikit swiftui
タイポグラフィ	設計システムで使用可能なテキストスタイル。	uikit swiftui

コンポーネント

次のコンポーネントが利用可能です。

成分	説明	ドキュメント
バッジ	ビタミン設計システムのバッジ。	uikit swiftui
ボタン	ビタミン設計システムとは異なるボタンスタイル。	uikit swiftui
ProgressBar	ビタミン設計システムとは異なるProgressBarスタイル。	uikit
セグメント化されたコントロール	ビタミン設計システムからのセグメント化されたコントロール。	uikit
スナックバー	ビタミン設計システムのスナックバー。	uikit
スイッチ	ビタミン設計システムから切り替えます。	uikit
タグ	ビタミン設計システムからのタグ。	uikit
テキストフィールド	ビタミン設計システムからのさまざまなテキストフィールドのスタイル。	uikit swiftui

特別なありがとう

これらのビタミンIOSライブラリに関与している貢献者に感謝します（オープンソースになる前であっても） 。 ？

Vitamixアイコンは、オープンソースアイコンライブラリ（Remix Design©2020）に基づいた公式Decathlonアイコンライブラリであるため、リミックスアイコンもありがとう。この元のライブラリは、ライセンスApache 2.0の下にあり、Decathlonによって変更されました。もっと詳しく知る。

ライセンス

 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.