实战需求

SwiftUI 教程之GroupBox从入门到精通

本文价值与收获

看完本文后，您将能够作出下面的界面

基础知识

GroupBox非常适合显示信息，统计数据，成就，历史记录等。苹果的健康应用就是一个很好的例子。他们使用类似GroupBox的字段来显示信息。

该GroupBox元素只能在iOS，iPadOS和macOS平台上的应用程序中使用。因此，您不能在watchOS和tvOS应用程序中使用此元素。

SwiftUI为我们提供了GroupBoxStyle协议，使我们能够完全改变任何GroupBox实例的外观。由于有了此协议，我们可以为所需的任何用例创建不同的样式。

实战代码

import SwiftUI

struct ContentView: View {
   var body: some View {
       NavigationView {
           ScrollView {
               VStack(spacing: 8) {
                   GroupBox(label: Label("Hea