iOS SwiftUI 使用ZStack构建复杂页面

前几期我们介绍了ZStack的基础使用，本文我们来介绍一下如何用于ZStack构建更复杂的界面。

本文最终效果

image.png

---

进入实战

基础概念我们就不介绍了，大家可以通过之前的文章自学

• 基础04: iOS SwiftUI 界面布局入门之VStack HStack《韩熙载夜宴图》

• 基础04:iOS SwiftUI 界面布局神器ZStack 《韩熙载夜宴图》

1. 做个半透明标题

做个半透明标题

              Rectangle()
                    .foregroundColor(Color("transparentWhite"))
                    .frame(width:380,height:50)
                Text("《韩熙载夜宴图》")
                    .font(.title)
                    .padding(8)

2.ZStack构建图文标题混合效果

image.png