第5章第19节:创建一个具有计时功能的Widget小组件 [SwiftUI快速入门到实战]

  1. 您将在本节课对上一节创建的小组件进行修改,从而创建一个具有计时功能的小组件。项目已经引入了一张图片素材,您可以在我们提供的源码中获得该图片。
    第5章第19节:创建一个具有计时功能的Widget小组件 [SwiftUI快速入门到实战]_第1张图片

  2. 点击此处的显示或隐藏导航器图标,隐藏左侧的导航面板。
    第5章第19节:创建一个具有计时功能的Widget小组件 [SwiftUI快速入门到实战]_第2张图片

  3. 然后跳转到小组件视图所在的位置。
    第5章第19节:创建一个具有计时功能的Widget小组件 [SwiftUI快速入门到实战]_第3张图片

  4. 接着对小组件的外观进行一些修改。
    第5章第19节:创建一个具有计时功能的Widget小组件 [SwiftUI快速入门到实战]_第4张图片

  5. 将文本视图放置在ZStack视图中。
    第5章第19节:创建一个具有计时功能的Widget小组件 [SwiftUI快速入门到实战]_第5张图片

  6. 在文本视图的底部放置一张图片,并设置图片的内容模式为填充模式。

你可能感兴趣的:(SwiftUI快速入门到实战,swift,swiftui,ios开发,swiftui教程)