iOS自定义UITabBar仿今日头条效果

 更新时间:2020年05月26日 09:38:54   作者:chernyog  
这篇文章主要为大家详细介绍了iOS自定义UITabBar仿今日头条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

动机

关于自定义 TabBar,早就有过很多讨论,开源网站上也有很多造好的轮子,多半是纯代码实现有个性的 TabBar,当然我们可以很方便的使用它。周末闲着没事干,自己也写了一下,模仿今日头条的 TabBar 效果,实现方式是Storyboard + 代码。

效果图

实现步骤在 Storyborad 上搭建项目基础结构

在界面上设置每个 TabBarItem 的相关属性

需要自定义的 item 不需要在界面上设置。

自定义 UITabBarViewController

目的

替换默认的 UITabBar
处理 发布按钮(中间那个加号按钮)点击事件

主要代码

替换 UITabBar,监听点击事件

override func viewDidLoad() {
 super.viewDidLoad()
 // 替换 tabbar
 let _tabBar = TabBar()
 // 监听按钮点击事件
 _tabBar.handleBtnReleaseClick(self, action: #selector(btnReleaseClick))
 setValue(_tabBar, forKey: "tabBar")
}

自定义 UITabBar

目的

自定义 UITabBar,替换掉 Storyboard 上默认生成的 TabBarItem
处理 发布按钮(中间那个加号按钮)点击事件

主要代码

删除占位“按钮”,添加自定义按钮

// MARK: 删除占位“按钮”,添加自定义按钮
override func layoutSubviews() {
 super.layoutSubviews()
 btnRelease.backgroundColor = UIColor.white
 // 过滤掉 _UIBarBackground 类型的对象,只保留 UITabBarButton 类型的对象
 let tabbarButtonList = iews.filter{NSStringFromClass(type(of: $0)) == abBarButton"}
 // 取出需要删除的“按钮”(经测试,知道中间那个加号按钮的下标是2)
 let tmpView = tabbarButtonList[safe: 2]
 // 把默认生成的从父容器中移除
 tmpView?.removeFromSuperview()
 let x = (InnerConst.ScreenW - btnRelease.w) * 0.5
 let y = InnerConst.ButtonOffsetY
 btnRelease.origin = CGPoint(x: x, y: y)
 addSubview(btnRelease)
}

处理默认情况下,按钮超出 TabBar 以外区域不能点击问题

// MARK: 处理默认情况下,按钮超出 TabBar 以外区域不能点击问题
override func hitTest(_ point: CGPoint, with event: UIEvent?) -View? {
 if isHidden == false {
  let newPoint = convert(point, to: btnRelease)
  if btnRelease.point(inside: newPoint, with: event) {
   return btnRelease
  }
  return super.hitTest(point, with: event)
 }
 return super.hitTest(point, with: event)
}

按钮点击事件委托给调用方

func handleBtnReleaseClick(_ target: AnyObject?, action: Selector) {
 btnRelease.addTarget(target, action: action, for: .touchUpInside)
}

代码写到这里,一个类似于今日头条的 UITabBar(主要是中间那个按钮)差不多造出来了。以上部分贴出来的是个人认为比较关键的代码,有问题可以讨论,目的是用最简单的方式、最少的代码实现需求。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS 10拨打系统电话弹出框延迟出现问题的解决

    iOS 10拨打系统电话弹出框延迟出现问题的解决

    iOS10的到来,带来了条幅和锁屏界面的重新设计,美观又好看,再加上抬腕唤醒功能,查看需要的信息确实更便捷了,还能快捷回复一些通知,十分轻松,但同样有问题,下面这篇文章主要给大家介绍了关于iOS 10拨打系统电话弹出框延迟出现问题的解决方法,需要的朋友可以参考下。
    2017-10-10
  • iOS swift 总结NavigationController出现问题及解决方法

    iOS swift 总结NavigationController出现问题及解决方法

    这篇文章主要介绍了iOS swift 总结NavigationController出现问题及解决方法的相关资料,需要的朋友可以参考下
    2016-12-12
  • IOS10 相册相机闪退bug解决办法

    IOS10 相册相机闪退bug解决办法

    这篇文章主要介绍了IOS10 相册相机闪退bug解决办法的相关资料,需要的朋友可以参考下
    2016-12-12
  • IOS 开发之UITableView 删除表格单元写法

    IOS 开发之UITableView 删除表格单元写法

    这篇文章主要介绍了IOS 开发之UITableView 删除表格单元写法的相关资料,这里提供实例帮助大家实现该功能,希望能帮助到大家,需要的朋友可以参考下
    2017-08-08
  • iOS中表单列表样式键盘遮挡的解决方案

    iOS中表单列表样式键盘遮挡的解决方案

    这篇文章主要给大家介绍了关于iOS中表单列表样式键盘遮挡的解决方案,文中通过示例代码将解决的方法一步步介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧
    2019-01-01
  • 详解iOS设计中的UIWindow使用

    详解iOS设计中的UIWindow使用

    这篇文章主要介绍了iOS设计中的UIWindow使用,包括UIWindowLevel和KeyWindow两个大的方面的讲解,需要的朋友可以参考下
    2015-09-09
  • iOS新版微信底部工具栏遮挡问题完美解决

    iOS新版微信底部工具栏遮挡问题完美解决

    这篇文章主要介绍了iOS新版微信底部工具栏遮挡问题完美解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • iOS 缩小打包项目ipa大小的实现方法

    iOS 缩小打包项目ipa大小的实现方法

    下面小编就为大家分享一篇iOS 缩小打包项目ipa大小的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • IOS中MMDrawerController第三方抽屉效果的基本使用示例

    IOS中MMDrawerController第三方抽屉效果的基本使用示例

    这篇文章主要介绍了IOS中MMDrawerController第三方抽屉效果的基本使用示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-02-02
  • iOS实现微信摇一摇功能

    iOS实现微信摇一摇功能

    这篇文章主要为大家详细介绍了iOS实现微信摇一摇功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06

最新评论