动机
关于自定义 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(主要是中间那个按钮)差不多造出来了。以上部分贴出来的是个人认为比较关键的代码,有问题可以讨论,目的是用最简单的方式、最少的代码实现需求。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍Android仿今日头条滑动页面导航效果,包括了Android仿今日头条滑动页面导航效果的使用技巧和注意事项,需要的朋友参考一下 最近项目中用到了滑动页面,也就是和目前市场上很火的"今日头条"页面滑动类似,在网上找了一下,大部分都是用ViewPager来实现的,刚开始我用的是ViewPager+ViewGroup,上面的标题按钮用的是HorizontalScrollView,写完之后
自定义UITabBar,包括可自定义tab bar的背景图、tab bar的高度以及每个tab的图片,满足各种界面需求。但是,没有文字。 [Code4App.com]
11.1 今日头条 1.今日头条后台,配置“转化类型”为“激活”、“激活且注册”或“激活且付费”的转化; Ps:及策仅支持回调激活和注册,无付费指标 2.监测地址,填写及策后台生成的点击监测链接。 3.今日头条后台,一个计划只能对应一个转化,一个转化可以对应多个计划。 若需按照计划维度监测数据,可以创建多个转化,和计划一一对应。 头条后台设置: 第一步:创建转化跟踪 第二步:设置广告监测 “创建目
本文向大家介绍Android 仿今日头条评论时键盘自动弹出的效果(推荐),包括了Android 仿今日头条评论时键盘自动弹出的效果(推荐)的使用技巧和注意事项,需要的朋友参考一下 Android 仿今日头条评论时键盘自动弹出的效果:当点击评论时,弹出对话框,同时弹出软键盘,当点击返回键时,将对话框关闭,不只是关闭软键盘。 效果图: 对这个对话框设置一个style效果: 并设置Dialog的监听返回
本文向大家介绍Android自定义view仿IOS开关效果,包括了Android自定义view仿IOS开关效果的使用技巧和注意事项,需要的朋友参考一下 本文主要讲解如何在 Android 下实现高仿 iOS 的开关按钮,并非是在 Android 自带的 ToggleButton 上修改,而是使用 API 提供的 onDraw、onMeasure、Canvas 方法,纯手工绘制。基本原理就是在 Ca
本文向大家介绍Android仿今日头条多个fragment懒加载的实现,包括了Android仿今日头条多个fragment懒加载的实现的使用技巧和注意事项,需要的朋友参考一下 前言 最近有时间,所以我又双叒叕推新一篇文章了,fragment懒加载实现虽然是个小模块,但做过的人都有体会,通常并不会轻易就成功了的,让你辗转反侧,彻夜难眠,绵绵无绝期。我就按照今日头条的样式做了一个懒加载功能。文章到一半