Drawing paths and shapes — SwiftUI Tutorials やってみた

概要

Drawing paths and shapes — SwiftUI Tutorials | Apple Developer Documentation をやってみたのでメモ

メモ

Section 1: Create drawing data for a badge view

• struct は入れ子で宣言できる

Section 2: Draw the badge background

• svg的な感じでpathを組み立てればその場で描画できるっぽい
• GeometryReader | Apple Developer Documentation で画面サイズがとれる
• (六角形書くだけでなんでこんな複雑に...)
• 色変数が定義できるのは良い
  • Gradient に食わせられるのもいい

Section 3: Draw the badge symbol

• path / fill / rotate / opacity などCSSでも使うものが多いのでそんなに概念的な迷いはなさそう

Section 4: Combine the badge foreground and background

• ZStack で Z軸方向の重なりを定義できる
  • 下に書いた方が上に乗るのは直感的...?なのか...?
  • 先に評価されたものから下に描画されると考えると腹落ちするかも
    • まあ、z-index よりはマシ
• これを使いこなして絵をかける自信がわかない...