实用小技巧(三十五)—— UITabBar上业务相关的红点展示和移除逻辑实现(一)

版本记录

版本号 时间
V1.0 2018.09.17

前言

在app中,很多时候都需要熟悉一些小技巧让您事半功倍,提高工作效率,这些小技巧都很小很细。感兴趣的可以看看我写的其他小技巧。
1. 实用小技巧(一):UIScrollView中上下左右滚动方向的判断
2. 实用小技巧(二):屏幕横竖屏的判断和相关逻辑
3.实用小技巧(三):点击手势屏蔽子视图的响应
4.实用小技巧(四):动态的增删标签视图
5.实用小技巧(五):通过相册或者相机更改图标
6.实用小技巧(六):打印ios里所有字体
7. 实用小技巧(七):UITableViewCell自适应行高的计算
8. 实用小技巧(八):数字余额显示的分隔
9.实用小技巧(九):类头条模糊背景的实现
10.实用小技巧(十):晃动手机换后台服务器网络
11.实用小技巧(十一):scrollView及其子类显示的一些异常处理
12.实用小技巧(十二):头像图片缩放以及保存到相册简单功能的实现
13.实用小技巧(十三):一种类酷我音乐盒动画实现
14.实用小技巧(十四):生成跳往applestore指定app的方法
15.实用小技巧(十五):左侧向右滑动返回上一级控制器
16.实用小技巧(十六):获取设备信息
17.实用小技巧(十七):清除缓存目录
18.实用小技巧(十八):取出gif图的每一帧
19.实用小技巧(十九):获取相机和麦克风权限
20.实用小技巧(二十):游客模式的实现
21.实用小技巧(二十一):版本检测的实现
22.实用小技巧(二十二):键盘遮挡问题
23. 实用小技巧(二十三):获取闪光灯的控制
24. 实用小技巧(二十四):APP页面开启跳转逻辑处理
25. 实用小技巧(二十五)—— 关于UILabel控件宽高的计算
26. 实用小技巧(二十六)—— APP中各种权限监测和申请工具封装
27. 实用小技巧(二十七)—— 控制器跳转逻辑的封装
28. 实用小技巧(二十八)—— 一种字符串的遍历方式
29. 实用小技巧(二十九)—— 汉字的判断以及计数
30. 实用小技巧(三十)—— 数字的判断以及计数
31. 实用小技巧(三十一)—— 版本监测工具的封装
32. 实用小技巧(三十二)—— 项目中代码行数统计
33. 实用小技巧(三十三)—— json和对象之间的转化工具的封装(一)
34. 实用小技巧(三十四)—— 设置一个UILabel控件不同行文字字体样式以及行间距等个性化设置(一)

问题描述

首先看一下一个实用场景,在每日签到活动中,需要启动App的时候就显示敲到界面,但是如果用户不签到,那么tabBar上的我的那个底部item就要显示一个红点,用来提醒用户还没有签到。

这里就说一下这个红点的添加和消失的逻辑。


问题解决

其实,这个问题并不难,很简单的一个UI展示的问题。这里有两个方案:

  • 使用系统API的badgeValue实现,不仅可以实现红点,还可以有数字。但是也有缺点就是视图的样式不能自定义,只能用系统的视图。
  • 使用自定义的UIView来添加,这么做的优点就是可以实现自定义样式。

1. 展示逻辑

首先我们看一下添加逻辑,在UITabBarController实例化的子类中添加如下代码。

@property (nonatomic, strong) UIView *redDotView;

//增加红点逻辑
- (void)addRedDotForMeTabBarItem
{
    CGFloat redDotRadius = 5.0;
    CGFloat topMargin = 5.0;
    NSInteger tabBarItemCount = self.tabBar.items.count;
    CGFloat halfItemWidth = CGRectGetWidth(self.tabBar.bounds) / (tabBarItemCount * 2);
    CGFloat xOffset = halfItemWidth * (2 * 2 + 1) + 3.0;
    UIView *redDotView = [[UIView alloc] initWithFrame:CGRectMake(xOffset, topMargin, redDotRadius * 2, redDotRadius * 2)];
    [self.tabBar addSubview:redDotView];
    redDotView.backgroundColor = [UIColor redColor];
    redDotView.layer.cornerRadius = redDotRadius;
    self.redDotView = redDotView;
}

2. 移除逻辑

那么就在这个tabBar中监听通知,当有的地方签到完成或者其他满足条件的操作就移除这个红点的自定义view即可。

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(redDotViewDisappear) name:@"kNotification_has_marked_everyday" object:nil];

- (void)redDotViewDisappear
{
    self.redDotView.hidden = YES;
    [self.redDotView removeFromSuperview];
    self.redDotView = nil;
}

这样就处理完成了,很简单,是吧!下面看一下实现效果。

后记

本篇主要讲述了tabBar上添加红点的业务逻辑处理,是UI的展示效果,实现很简单,但是可通用,感兴趣的给个赞或者关注~~~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343

推荐阅读更多精彩内容

  • 前几天,有人在同学群里发了一个煤油灯的图片,一下子把我的记忆拉回到了童年。从我记事开始,伴随着家里照明的,除了阳光...
    小胖孩的日记本阅读 1,414评论 27 66
  • 今天又是一段被阳光普照的日子这样的温度让人觉得安逸(18℃),一个人在家,随便应付了午饭。 这一天,强迫自己读完了...
    柴八度阅读 114评论 0 1
  • 秦岭山下的清水头村依山榜水,山清水秀,每年四月万亩桃花盛开,七月荷花满池塘,游人如织。秋天的山村丝毫不亚于春,夏的...
    柳絮飞雪阅读 349评论 0 0