SwiftUI 将视图(view)作为参数.
作者:互联网
使用方式如下
注意点:
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)// 配置标签
}
************************************************* 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)// 强调色
}
标签:img,title,selImg,视图,tag,SwiftUI,tab,view 来源: https://www.cnblogs.com/luobenpaidui/p/16696718.html