SwiftUI 佈局之元件對齊實現上下對齊和水平居中 （教程含原始碼）

知識大胖發表於2020-11-18
SwiftUI元件原始碼

實戰需求

SwiftUI 佈局之元件對齊實現上下對齊和水平居中

本文價值與收穫

看完本文後，您將能夠作出下面的介面

截圖2020-11-18 下午8.11.49.png

看完本文您將掌握的技能

  • ZStack(alignment: Alignment.top)
  • Color.red.opacity(0.5)
  • alignment: .bottom

基礎知識

ZStack

覆蓋其子項的檢視，使子項在兩個軸上對齊。

@frozen struct ZStack<Content> where Content : View

主題

建立堆疊

1、init(alignment: Alignment, content: () -> Content)

建立具有給定對齊方式的例項。

2、struct Alignment

兩軸對齊。

Color

與環境有關的顏色。

@frozen st

相關文章