iOS 未读消息角标 仿QQ拖拽 简单灵活 支持xib(源码)
一、效果

二、简单用法
超级简单,2行代码集成;xib可0代码集成,只需拖一个view关联LFBadge类即可
//一般view上加角标
_badge1 = [[LFBadge alloc] init];
[_badge1 addToView:_view1]; //BarButtonItem上加角标
_badge2 = [[LFBadge alloc] init];
[_badge2 addToBarButtonItem:self.navigationItem.rightBarButtonItem]; //TabBarItem上加角标
_badge3 = [[LFBadge alloc] init];
[_badge3 addToTabBarItem:self.tabBarItem]; //赋值
//@"0"或者nil隐藏,@""显示红点,大于maxCount的数字字符串显示maxCount++,其他字符串就显示本来样子(你也可以显示new)
_badge1.count = @"1"
三、更多用法
1.拖拽清除
加了清除回调就有拖拽功能,不加就没有拖拽功能
_badge1.clearBlock = ^{
NSLog(@"清除未读消息角标");
};
2.其他可定义的功能
具体见.h文件,有详细注释
typedef NS_ENUM(NSInteger, LFBadgeType) {
LFBadgeType_Center,//Badge中心对准父视图右上角
LFBadgeType_RightTop,//Badge右上角对准父视图右上角
LFBadgeType_LeftBottom//Badge左下角对准父视图右上角
};
/**未读消息角标控件,支持xib和代码2种方式使用,支持拖拽清除*/
@interface LFBadge : UIView
@property (nonatomic, strong) UIColor *badgeCorlor;//角标颜色,默认红色
@property (nonatomic, strong) UILabel *lbText;//默认白字,字体14,角标大小自动适应字体大小
@property (nonatomic) BOOL needDisappearEffects;//是否需要消失特效,爆炸特效
//最大数字,不设置则默认99,要在count之前设置
@property (nonatomic, assign) NSInteger maxCount;
//@"0"或者nil隐藏,@""显示红点,大于maxCount的数字字符串显示maxCount++,其他字符串就显示本来样子(你也可以显示new)
@property (nonatomic, copy) NSString *count;
@property (nonatomic, assign) CGFloat redDotSize;//红点大小,不设置则默认8
@property (nonatomic, assign) CGFloat maxDistance;//大圆脱离小圆的最大距离
/**自行设置其他约束或者frame时下面2属性无效****/
@property (nonatomic) UIEdgeInsets edgeInsets;//对父视图右上角的偏移量,默认UIEdgeInsetsZero
@property (nonatomic) LFBadgeType type;
/**拖动清除回调(设置了这个才会有拖动效果)*/
@property (nonatomic, copy) void(^clearBlock)(void);
/**添加到父视图右上角(自动加约束)*/
- (void)addToView:(UIView*)superview;
/**将角标加到TabBarItem右上角(自动加约束)*/
- (void)addToTabBarItem:(UITabBarItem *)tabBarItem;
/**将角标加到BarButtonItem右上角(自动加约束)*/
- (void)addToBarButtonItem:(UIBarButtonItem *)barButtonItem;
/**清除角标约束(如果不想加到父视图右上角可调该方法,然后自行设置其他约束或者frame)*/
- (void)clearBadgeConstraint;
LFBadge只是LFKit的一个子库,源码地址https://github.com/zhanglinfeng/LFKit
只需LFBadge的pod 'LFKit/Component/LFBadge'
需要LFKit中所有自定义控件的pod 'LFKit/Component'
需要总库的 pod 'LFKit'
iOS 未读消息角标 仿QQ拖拽 简单灵活 支持xib(源码)的更多相关文章
- js仿QQ拖拽删除
原生js实现仿QQ拖拽删除交互,无需任何依赖. 项目演示请看这里, gitHub请移步这里. 由于源码很长,所以贴到最下面了. 效果截图如下: 核心思想呢,就是点击圆点的时候全屏覆盖个canvas,在 ...
- Android 高仿QQ滑动弹出菜单标记已读、未读消息
在上一篇博客<Android 高仿微信(QQ)滑动弹出编辑.删除菜单效果,增加下拉刷新功能>里,已经带着大家学习如何使用SwipeMenuListView这一开源库实现滑动列表弹出菜单,接 ...
- wing带你玩转自定义view系列(2) 简单模仿qq未读消息去除效果
上一篇介绍了贝塞尔曲线的简单应用 仿360内存清理效果 这一篇带来一个 两条贝塞尔曲线的应用 : 仿qq未读消息去除效果. 转载请注明出处:http://blog.csdn.net/wingicho ...
- [iOS微博项目 - 3.6] - 获取未读消息
github: https://github.com/hellovoidworld/HVWWeibo A.获取登陆用户未读消息 1.需求 获取所有未读消息,包括新微博.私信.@.转发.关注等 把未 ...
- Android BGABadgeView:新消息/未接来电/未读消息/新通知圆球红点提示(1)
Android BGABadgeView:新消息/未接来电/未读消息/新通知圆球红点提示(1) 现在很多的APP会有新消息/未接来电/未读消息/新通知圆球红点提示,典型的以微信.QQ新消息提示为 ...
- Android系统 小米/三星/索尼 应用启动图标未读消息数(BadgeNumber)动态提醒
http://www.51itong.net/android-badgenumber-9789.html Android系统 小米/三星/索尼 应用启动图标未读消息数(BadgeNumber)动态提醒 ...
- 【Python学习笔记】-APP图标显示未读消息数目
以小米手机系统为例,当安装的某个APP有未读消息时,就会在该APP图标的右上角显示未读消息的数目.本文主要解说怎样用Python语言实现图标显示未读消息的数目.首先,还是要用到Python中PIL库, ...
- 桌面图标未读消息(小米,sony,三星手机)
新消息来了,在桌面的Laucher图标上显示新消息数 /** * 应用桌面图标未读消息显示工具类 * 只支持 小米,三星和索尼 */ public class BadgeUtil { final st ...
- 未读消息(小红点),前端与 RabbitMQ实时消息推送实践,贼简单~
前几天粉丝群里有个小伙伴问过:web 页面的未读消息(小红点)怎么实现比较简单,刚好本周手头有类似的开发任务,索性就整理出来供小伙伴们参考,没准哪天就能用得上呢. 之前在 <springboot ...
随机推荐
- Android 6.0 Marshmallow root 方法
android 6.0 已经推出 release 版本了, nexus 5,6,7,9 都放了官方镜像, 本篇文章使用 nexus 6 安装最新的 android 6.0 并进行root step 1 ...
- 【POJ2420】A star not a tree?
蒟蒻开始学模拟退火…… 起初一直不肯学,因为毕竟玄学算法…… 哎呀玄学怎么就没用呢?对不对? #include<iostream> #include<cstdio> #incl ...
- HDU 6146 Pokémon GO DP,计数
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6146 题意:~ 解法:原题..http://blog.csdn.net/y990041769/arti ...
- SSD算法及Caffe代码详解(最详细版本)
SSD(single shot multibox detector)算法及Caffe代码详解 https://blog.csdn.net/u014380165/article/details/7282 ...
- 查看及连接指定 docker container
环境: 1.centos7 2.以root身份登录 3.已安装docker并且运行着一个container A.查看正在运行的container docker ps 效果: B.查看本地所有conta ...
- java 内部类和静态内部类的区别
private class InnerClass { // 只有在静态内部类中才能够声明或定义静态成员 // private static String tt = &quo ...
- python基础(3)---流程控制
流程控制 与C语言不通的是python的流程控制代码块不是用{}花括号表示的,而是强制缩进来控制的:而且缩进必须一致,官方推荐是使用4个空格,不建议使用tab(制表符)做缩进,一是不同的系统tab所占 ...
- oracle 导入dmp文件
/*第1步:创建临时表空间 */ create temporary tablespace webdata_temp tempfile 'D:\oracle\product\10.2.0\oradat ...
- AC日记——「SCOI2016」背单词 LiBreOJ 2012
#2012. 「SCOI2016」背单词 思路: Orz: 代码: #include <bits/stdc++.h> using namespace std; #define maxn 1 ...
- React Native - 5 ListView实现图文混排
首先在根目录下建一个images文件夹,准备好图片 准备datasource 准备图片资源 准备renderRow方法 记得要import相应的类,ListView, Image, Touchable ...