其他分享
首页 > 其他分享> > SwiftUI 将视图(view)作为参数.

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