JKSwiftTabBarController:支持本地和服务器配置

JKSwiftTabBarController

  • 支持本地和服务器配置,支持如下功能
    • 目前JKSwiftTabBarController最多支持 5 个 item
    • 支持本地的 静态图和动态图(帧图)
    • 支持修改 TabbarView的背景色以及顶部横线的颜色
    • 支持角标
    • 支持红点
    • 支持切换item
    • 支持修改item底部的文字
    • 支持修改item底部的图片
    • 支持动态移除 item 和 添加 item
  • 总体的内容如下:
    • 1、基本结构的介绍
    • 2、本地的使用
    • 3、服务器下载到沙盒后再使用
    • 4、其他的功能

一、基本结构的介绍

  • 1.1、JKTabBarController
    继承于UITabBarController,在外界使用 JKTabBarController的时候需要先继承于它

  • 1.2、JKTabBarView
    底部的tabbar布局

  • 1.3、JKTabBarItem
    底部 tabbarView 上面的每一个 item
    tabBarItem图片的推荐尺寸和最大支持尺寸
    标签栏(UITabBar)中tab按钮图标分别在1x、2x、3x下不会压缩变形的尺寸:

    @1x : 推荐 25 x 25   (最大: 48 x 32)
    @2x : 推荐 50 x 50   (最大: 96 x 64)
    @3x : 推荐 75 x 75   (最大: 144 x 96)
    
  • 1.4、角标

  • 1.5、红点

二、本地的使用

  • 2.1、静态图

    let vc1 = HomeViewController()
    let vc2 = TradeViewController()
    let vc3 = ProfileViewController()
    viewControllers = [vc1, vc2, vc3]
    
    let titleColor = UIColor(hexString: "#444444")!
    let selectedColor = UIColor(hexString: "#5F00B4")!
    
    // 测试读取本地图片
    let tabBarItemOne = JKTabBarItem(title: "行情", titleColor: titleColor, selectedTitleColor: selectedColor, defaultImageName: "tabbar_quotation")
    let tabBarItemTwo = JKTabBarItem(title: "交易", titleColor: titleColor, selectedTitleColor: selectedColor, defaultImageName: "tabbar_trade")
    let tabBarItemThree = JKTabBarItem(title: "我的", titleColor: titleColor, selectedTitleColor: selectedColor, defaultImageName: "tabbar_profile")
    
    tabBarView.barButtonItems = [tabBarItemOne, tabBarItemTwo, tabBarItemThree]
    // 默认选择第几个
    tabBarView.tabBarItem = tabBarItemTwo
    
  • 2.2、动态图

    let vc1 = HomeViewController()
    let vc2 = TradeViewController()
    let vc3 = ProfileViewController()
    viewControllers = [vc1, vc2, vc3]
    
    let titleColor = UIColor(hexString: "#444444")!
    let selectedColor = UIColor(hexString: "#5F00B4")!
    // 测试读取本地图片
    let tabBarItemOne = JKTabBarItem(localImageCount: 5, duration: 0.5, title: "行情", titleColor: titleColor, selectedTitleColor: selectedColor, defaultImageName: "tabbar_quotation")
    let tabBarItemTwo = JKTabBarItem(localImageCount: 5, duration: 0.5, title: "交易", titleColor: titleColor, selectedTitleColor: selectedColor, defaultImageName: "tabbar_trade")
    let tabBarItemThree = JKTabBarItem(localImageCount: 5, duration: 0.5, title: "我的", titleColor: titleColor, selectedTitleColor: selectedColor, defaultImageName: "tabbar_profile")
    tabBarView.barButtonItems = [tabBarItemOne, tabBarItemTwo, tabBarItemThree]
    tabBarView.tabBarItem = tabBarItemTwo
    

三、服务器下载到沙盒后再使用

  • 3.1、服务器这块我是先把 zip包下载到 沙盒中的 Documents 文件夹下,然后再加使用 ZipArchive 解压 Zip 包

  • 3.2、解压zip包代码

    let zip = ZipArchive()
    // zip包的名字
    let foldName = "JKTabbarInfo"
    // 下载后的zip路径
    let zipPath = FileManager.jk.DocumnetsDirectory() + "/\(foldName).zip"
    // 防止下载文件名重复
    let extName = String(Date().timeIntervalSince1970)
    // 检查是否可解压
    if zip.unzipOpenFile(zipPath) {
    // 解压后的路径
    let unzipPath = zipPath + extName
    // 解压
    if zip.unzipFile(to: unzipPath, overWrite: true) {
         // 移除原先下载的zip文件路径
         FileManager.jk.removefile(filePath: zipPath)
         // 移动解压后的文件到Documnets路径下
         FileManager.jk.moveFile(type: .directory, fromeFilePath: unzipPath + "/\(foldName)", toFilePath: FileManager.jk.DocumnetsDirectory() + "/\(foldName)")
                 // 删除临时解压的路径
                 FileManager.jk.removefile(filePath: unzipPath)
         }
    }
    
  • 3.3、读取 解压后的文件夹

    • 有几个说明,上述的 JKTabbarInfo里面的内容是我自己设计,大家可以自己任意设计,然后加载,代码中我会把 JKTabbarInfo 包放进去,大家可以自己压缩后放到 Documents 下解压

    • 读取实例

      // 解压后的文件夹路径
      let basePath = FileManager.jk.DocumnetsDirectory() + "/JKTabbarInfo"
      let tabBarConfigPath = basePath + "/TabBarConfig.plist"
      guard let dictionary = NSDictionary(contentsOfFile: tabBarConfigPath),
            let titleColorString = dictionary.object(forKey: "titleColor") as? String,
            let selectedColorString = dictionary.object(forKey: "selectedColor") as? String,
            let names = dictionary.object(forKey: "titles") as? Array<String>,
           names.count > 0,
           let tabbars = dictionary.object(forKey: "Tabbars") as? Array<Dictionary<String,String>> else {
           // 本地沙盒没有就去加载本地的
           localTabbar()
           return
      }
      // names: tabbar的titles数组
      // 未选中的颜色
      let titleColor = UIColor(hexString: titleColorString)!
      // 选中的颜色
      let selectedColor = UIColor(hexString: selectedColorString)!
      
      var vcs: [UIViewController] = []
      var barButtonItems: [JKTabBarItem] = []
      for dic in tabbars {
          if let name = dic["title"], let defaultImageName = dic["defaultImageName"], let vcName = dic["ClassName"], let vc = vcName.jk.toViewController()  {
              let tabBarItem = JKTabBarItem(fliePath: "\(basePath)/\(name)", title: name, titleColor: titleColor, selectedTitleColor: selectedColor, defaultImageName: defaultImageName)
              barButtonItems.append(tabBarItem)
              vcs.append(JKNavigationController(rootViewController: vc))
          }
      }
      viewControllers = vcs
      tabBarView.barButtonItems = barButtonItems
      tabBarView.tabBarItem = barButtonItems[0]
      

四、其他的功能

let JK = UIApplication.shared.delegate as! AppDelegate

  • 4.1、更改TabBarView背景色

    • 设置背景图片

      let barView = JK.mainViewController.tabBarView
      barView.setBackgroundImage(image: UIImage.jk.image(color: UIColor.red)!)
      
    • 设置渐变背景色

      let barView = JK.mainViewController.tabBarView
      barView.setBackgroundColors(gradientColors: [UIColor.white.cgColor, UIColor.red.cgColor, UIColor.green.cgColor])
      
  • 4.2、设置角标,超过999就显示 999+

    JK.mainViewController.showBadgeNumber(btn.isSelected ? 2000 : 0, index: 0)
    JK.mainViewController.showBadgeNumber(btn.isSelected ? 2000 : 0, index: 2)
    
  • 4.3、设置某个 item 变为选中

    JK.mainViewController.setSelectedItem(at: 2)
    
  • 4.4、改变某个 item 的图标

    let imageName = "tabbar_reload"
    JK.mainViewController.setUpItemImage(imageName, index: 0)
    
  • 4.5、改变某个 item 的标题

    let str = "回到顶部"
    JK.mainViewController.setUpItemTitle(str, index: 0)
    
  • 4.6、设置某个 item 的红点

    JK.mainViewController.setRedPoint(at: 0, isShow: true )
    

推荐阅读更多精彩内容