标签：img title selImg 视图 tag SwiftUI tab 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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。