Swift TabBar中央按钮高亮组件
Swift 写的 TabBar 组件里，中间按钮高高翘起的设计，蛮适合强调核心功能的。尤其做首页或发布页时，这种视觉效果一看就知道“主角”是谁，用户体验也上去了。相比 OC 要用各种自定义视图和 Hack 手段，Swift 里起来就顺手多了。
Auto Layout配合使用，适配不同尺寸设备没太大压力，想让中间按钮居中并突出，只要几个约束搞定，不需要硬写 frame，维护也轻松。
通过UIAppearance全局统一样式，TabBar 上的图标和文字风格都能轻松统一，省去你挨个设置的麻烦。再加点自定义 UITabBarItem，加图、调位置、设置大小都能按你想的来。
要是你喜欢加点交互效果，UITabBarControllerDelegate也能派上用场，做个切换动画啥的挺容易。而且，Swift 的可选链、闭包、类型安全这些特性，让代码结构更清晰，出错概率也小。
像用enum管理 Tab 类型、guard和if let可选值，这些都是写 TabBar 时常用的小技巧。实在要再扩展一下功能，用Extension就行，不用改原有代码，灵活性也高。
如果你也在搞 iOS 页面导航、想做点新花样，中间凸起的 TabBar 设计可以试试。想深入点，可以看看下面这几篇文章，有代码有 Demo，比较实战：
- iOS 自定义 TabBar 突出中间按钮
- iOS TabBar 中间可旋转凸起按钮实现
- swift-采用 runtime 机制实现原生 tabbar 中间的突起按钮
- Understanding AutoLayout in iOS Development
嗯，你要做 TabBar，还想玩点不一样的设计，这套思路和资源可以参考下。配合 Xcode 用起来，效果还挺酷。
文件大小：89.76KB
评论区