第8章第10节:开始制作在线销售美味冰激凌的应用界面 [SwiftUI快速入门到实战]

  1. 这是一款用来在线销售美味冰激凌的商务应用,从本节课开始,我们将一起制作该应用的两个主要的界面。通过该实例的制作,您将学习页面之间数据的传递。
    第8章第10节:开始制作在线销售美味冰激凌的应用界面 [SwiftUI快速入门到实战]

  2. 由于需要从一个页面跳转到另一个页面,所以首先添加一个导航视图,作为需要进行导航的视图的容器。
    第8章第10节:开始制作在线销售美味冰激凌的应用界面 [SwiftUI快速入门到实战]

  3. 从效果图可以看出,页面所有元素位于渐变色的背景之上,所以添加一个VStack视图,作为子视图的容器。
    第8章第10节:开始制作在线销售美味冰激凌的应用界面 [SwiftUI快速入门到实战]

  4. 接着添加一个HStack视图,作为标题子视图的容器。并添加一个图像视图,显示项目里的指定名称的图片。
    第8章第10节:开始制作在线销售美味冰激凌的应用界面 [SwiftUI快速入门到实战]

  5. 添加一个VStack视图,作为图片右侧的文本视图的容器。
    第8章第10节:开始制作在线销售美味冰激凌的应用界面 [SwiftUI快速入门到实战]

上一篇:第9章第3节:完成首页顶部内容的制作 [SwiftUI快速入门到实战]


下一篇:SwiftUI List那些事(五)给 List 单选功能