สำคัญ
วิตามินเวอร์ชันปัจจุบันนี้จะไม่พัฒนาอีกต่อไปและยอมรับการแก้ไขข้อบกพร่องต่อจากนี้เท่านั้น รายละเอียดเพิ่มเติมที่นี่


ห้องสมุดระบบออกแบบ Decathlon สำหรับแอปพลิเคชัน iOS และ iPados
เว็บไซต์
Decathlon Design System เป็นกรอบที่ช่วยระบบนิเวศของเราในการออกแบบและพัฒนาประสบการณ์ที่สอดคล้องและมีคุณภาพ
สำหรับส่วนดิจิตอลนั้นเรียกว่าวิตามิน
เพิ่มวิตามินลงในอาร์เรย์การพึ่งพาของแพ็คเกจของคุณ:
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...
] ) ,
]
) # for UIKitVersion
pod 'Vitamin' , '= 0.13.0'
# for SwiftUI version
pod 'VitaminSwiftUI' , = '0.13.0' ห้องสมุดนี้มีองค์ประกอบสองประเภท: ฐานรากและส่วนประกอบ
ฐานรากเป็นอิฐหลักของระบบการออกแบบวิตามินและส่วนประกอบเป็นองค์ประกอบระดับสูงสร้างขึ้นจากฐานราก
มีฐานรากต่อไปนี้:
| องค์ประกอบ | คำอธิบาย | เอกสาร |
|---|---|---|
| สินทรัพย์ | ชุดสินทรัพย์กราฟิกที่ใช้งานได้ในระบบการออกแบบ | Uikit Swiftui |
| สี | ความหมายและสีพื้นฐานของระบบการออกแบบ | Uikit Swiftui |
| ไอคอน | ชุดไอคอนที่ใช้งานได้ในระบบการออกแบบ | Uikit Swiftui |
| รัศมี | รัศมีที่ใช้กับมุมมองใด ๆ ในระบบการออกแบบ | Uikit Swiftui |
| เงา | เงาที่ใช้กับมุมมองใด ๆ ในระบบการออกแบบ | Uikit Swiftui |
| การพิมพ์ | รูปแบบข้อความใช้งานได้ในระบบการออกแบบ | Uikit Swiftui |
มีส่วนประกอบต่อไปนี้:
| ส่วนประกอบ | คำอธิบาย | เอกสาร |
|---|---|---|
| ตราสัญลักษณ์ | ป้ายจากระบบออกแบบวิตามิน | Uikit Swiftui |
| ปุ่ม | รูปแบบปุ่มที่แตกต่างจากระบบการออกแบบวิตามิน | Uikit Swiftui |
| แถบความก้าวหน้า | รูปแบบ ProgressBar ที่แตกต่างจากระบบการออกแบบวิตามิน | Uikit |
| segmentedcontrol | segmentedControl จากระบบการออกแบบวิตามิน | Uikit |
| บาร์ | Snackbar จากระบบการออกแบบวิตามิน | Uikit |
| สวิตช์ | เปลี่ยนจากระบบการออกแบบวิตามิน | Uikit |
| ติดแท็ก | แท็กจากระบบการออกแบบวิตามิน | Uikit |
| ฟิลด์ข้อความ | รูปแบบฟิลด์ข้อความที่แตกต่างจากระบบการออกแบบวิตามิน | Uikit Swiftui |
ขอขอบคุณผู้มีส่วนร่วมที่เกี่ยวข้องในห้องสมุดวิตามิน-ไอโอเหล่านี้ (แม้กระทั่งก่อนที่พวกเขาจะเป็นโอเพ่นซอร์ส) -
ขอขอบคุณไอคอนรีมิกซ์เพราะไอคอน Vitamix เป็นห้องสมุดไอคอน Decathlon อย่างเป็นทางการตามห้องสมุดไอคอนโอเพนซอร์ซ (การออกแบบรีมิกซ์© 2020) ไลบรารีดั้งเดิมนี้อยู่ภายใต้ใบอนุญาต 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.