Day20：SwiftUI—GeometryReader

前言

本篇文章介绍 SwiftUI 的元件—GeometryReader。

实作

• 打开一个新专案
  建立一个矩形：
  
  
  这个矩形的位置是 hard code 出来的，
  但我们的装置很常不一样，
  所以我们需要一个相对的位置和框架大小。
• 加入 GeometryReader
  
  这样我们可以获得整个屏幕的尺寸，
  让我们来相对的确定位置：
  
• print 相应的 global 几何坐标
  
  
• print 相应的 local 几何坐标
  
  可以发现 global、local 数字不同。
  因为 global 是指相对整个屏幕的坐标，
  local 是指相对於其父级即这个 GeometryReader 的框架的坐标。
• 宣告两个矩形
  
  
  output 这两个矩形的坐标：
  
  会发现是相同的，
  这是因为这两个矩形都是相对同一个 GeometryReader 确定坐标的，
  所以这个坐标是相对的而不是实际位置的坐标。
  如果把这两个矩形包在不同的 GeometryReader 里：
  
  则 output 出的坐标是不同的：
  
• 将多个元素直接放在 GeometryReader 是直接堆叠在一起的,类似 ZStack
  
  
• 创造重叠效果
  删除红色矩形，并且修改两个矩形长度：
  
  添加 offset modifier：
  
  
  出现重叠效果。