[SwiftUI]GroupBox的基本用法
创始人
2025-06-01 12:31:12

代码:

import SwiftUIstruct MPMineView: View {@State var selectType: Int = 10@State var vpnIsOn: Bool = falsevar body: some View {VStack {GroupBox(label: Label("分组一", systemImage: "rectangle.3.group.fill")) {HStack {Text("WiFi").frame(maxWidth: .infinity, alignment: .leading)Picker("WiFi选择", selection: $selectType) {Text("one").tag(10)Text("two").tag(11)Text("three").tag(12)}}HStack {Label("蓝牙", systemImage: "lasso").frame(maxWidth: .infinity, alignment: .leading)Text("未连接")Image(systemName: "chevron.right")}Toggle(isOn: $vpnIsOn) {Label("VPN", systemImage: "wifi.circle")}Button {print("\(selectType)")} label: {Text("打印WiFi选择结果")}}.padding(EdgeInsets(top: 0, leading: 15, bottom: 0, trailing: 15))GroupBox(label: Label("分组二", systemImage: "rectangle.3.group.fill")) {Label("通知", systemImage: "bolt.fill").frame(maxWidth: .infinity, minHeight: 36, alignment: .leading)Label("专注模式", systemImage: "bolt.fill").frame(maxWidth: .infinity, minHeight: 36, alignment: .leading).labelStyle(.titleOnly)Label("屏幕使用时间", systemImage: "bolt.fill").frame(maxWidth: .infinity, minHeight: 36, alignment: .leading).labelStyle(.iconOnly)}.padding(EdgeInsets(top: 0, leading: 15, bottom: 0, trailing: 15))}}
}

示意:

 

相关内容

热门资讯

龙高股份2025年12月29日... 2025年12月29日,龙高股份(sh605086)触及涨停,涨停价42.24元,涨幅10%,总市值...
巨人网络跌2.06%,成交额9... 12月29日,巨人网络盘中下跌2.06%,截至09:38,报45.11元/股,成交9076.11万元...
神火股份跌2.01%,成交额2... 12月29日,神火股份盘中下跌2.01%,截至09:38,报26.87元/股,成交2.44亿元,换手...
运机集团跌2.13%,成交额1... 12月29日,运机集团盘中下跌2.13%,截至09:38,报32.55元/股,成交1716.93万元...
浩通科技跌2.02%,成交额6... 12月29日,浩通科技盘中下跌2.02%,截至09:38,报30.04元/股,成交6678.42万元...