第7章第6节:制作一份游戏类型选择页面 [SwiftUI快速入门到实战]

  • Post author:
  • Post category:其他


  1. 本节课您将为一款游戏,制作一份游戏类型选择页面。您将学习三种布局视图的综合应用,以及动画入场效果的制作。

    SwiftUI快速入门到实战

  2. 由于页面所有元素位于深灰色的背景之上,所以添加一个ZStack视图,作为子视图的容器。同时绘制一个矩形图形,作为页面的背景。

    SwiftUI快速入门到实战

  3. 根据设计师提供的效果图,修改矩形的填充颜色。

    SwiftUI快速入门到实战

  4. 通过忽略安全区域的限制,将矩形撑满整个屏幕。

    SwiftUI快速入门到实战

  5. 除了背景之外的元素都是从上到下排列的,因此添加一个VStack视图,作为子视图的容器。

    SwiftUI快速入门到实战

  6. 首先来制作页面的头部内容,包含一个网址和一个大标题,添加一个