SwiftUI における Color 周りの話 – Color と Gradient から見る SwiftUI への苦悩 – / Understanding SwiftUI focused by Gradient color usages

【増枠】Enjoy SwiftUI vol2 ( https://yumemi.connpass.com/event/151594/ ) での発表資料です。

発表を聞いていない方へ向けた登壇メモを付記した Presenter notes 版はこちら → https://speakerdeck.com/expensiveman/include-presenter-notes-understanding-swiftui-focused-by-gradient-color-usages

# References

Color - SwiftUI | Apple Developer Documentation
foregroundColor(_:) - SwiftUI | Apple Developer Documentation
background(_:alignment:) - SwiftUI | Apple Developer Documentation
Gradient - SwiftUI | Apple Developer Documentation
LinearGradient - SwiftUI | Apple Developer Documentation
fill(_:style:) - SwiftUI | Apple Developer Documentation
Mac Catalyst - iOS - Human Interface Guidelines - Apple Developer
Cosmo/OpenSwiftUI - GitHub

Transcript

1. SwiftUI ʹ͓͚Δ Color पΓͷ࿩ –– Color ͱ Gradient ͔ΒݟΔ SwiftUI ΁ͷۤ೰ –– YUMEMI.swift #4 ~Enjoy SwiftUI vol2~ @גࣜձࣾΏΊΈ
4. Rubens & Brueghel, The Garden of Eden with the fall of man
5. SwiftUI ʹ͓͚Δ Color पΓͷ࿩ YUMEMI.swift #4 ~Enjoy SwiftUI vol2~ @גࣜձࣾΏΊΈ –– Color ͱ Gradient ͔ΒݟΔ SwiftUI ΁ͷۤ೰ ––
6. ͔ͨͶ •גࣜձࣾ VALU •ݸਓͰݚڀࢧԉ • ઐ໳͸ Learning & Behavior •try! Swift 2019 LT
48. Summary • View •background(View) / foregroundColor(Color) • / ??? (View) • Shape •foregroundColor(Color) •fill(ShapeStyle) ^
49. Learn once, apply anywhere
52. Learn once, apply anywhere
53. Learn once, apply anywhere
54. Learn TWICE OR MORE, apply anywhere
57. References • Color - SwiftUI | Apple Developer Documentation • foregroundColor(_:) - SwiftUI | Apple Developer Documentation • background(_:alignment:) - SwiftUI | Apple Developer Documentation • Gradient - SwiftUI | Apple Developer Documentation • LinearGradient - SwiftUI | Apple Developer Documentation • fill(_:style:) - SwiftUI | Apple Developer Documentation • Mac Catalyst - iOS - Human Interface Guidelines - Apple Developer • Cosmo/OpenSwiftUI - GitHub