使用方式如下
注意点:
1. 声明一个类型V 并让其遵守 View 协议. V只是个例子你可以申明其它如 T 或 A 等你喜欢的标签.
2. 用 @ViewBuilder 修饰参数 view
3. 将处理完的view返回.
func set<V>(@ViewBuilder _ view: () -> V) -> some View where V : View {
// 在这里为传进来的 view 做处理
}
************************************ 以下以设置tabItem为例 ***********************************************
@State var selNum = 0// 当前选择了第几个页面
/// 配置视图对应的tabItem
/// - Parameters:
/// - tag: 标签 让TabView知道当前是哪个页面
/// - img: 图片名 正常
/// - selImg: 图片名 选中
/// - title: 标题
/// - view: 要配置 的视图
/// - Returns: 返回配置完成的视图
func setTabItem<V>(tag:Int,img:String,selImg:String,title:String,@ViewBuilder _ view: () -> V) -> some View where V : View {
view()// 传进来的视图
.tabItem {// tabItem项配置
getImg(img: selNum == tag ? selImg : img)// 当前展示的图片 根据 selNum 来判断展示哪一张
Text(title)// 图片下方文本
}
.onTapGesture {// 点击响应 调整当前选中标签
selNum = tag
}
.tag(tag)// 配置标签
}
/// 获取图片
/// - Parameter img: 图片名
/// - Returns: 图片
func getImg(img:String) -> some View {
Image(img)
.resizable()
.frame(width: 25, height: 25, alignment: .center)
}
************************************************* TabView 使用例子 *************************************************
// 创建并返回 TabView
func setTabView() -> some View {
TabView(selection: $selNum) {
setTabItem(tag: 0, img: "tab_home", selImg: "tab_home_sel", title: "首页") { HomePageView() }
setTabItem(tag: 1, img: "tab_find", selImg: "tab_find_sel", title: "发现") { FindPageView() }
setTabItem(tag: 2, img: "tab_community", selImg: "tab_community_sel",title: "圈子") { CommunityPageView() }.badge("99+")// 设置badge未读数量
setTabItem(tag: 3, img: "tab_mine", selImg: "tab_mine_sel",title: "我的") { MinePageView() }
}
.background(.white)// 背景色
.accentColor(.red)// 强调色
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?