仿微信做的一个群组聊天头像的功能

之前做过一个访微信头像的功能，现在贴出代码

先在工程里放入对应的头像，然后装入一个数组传入方法里，接着画好xib对应的9宫格头像，里面用到了2个库，大家可以去网上下载

- (void)viewDidLoad
{[super viewDidLoad];//需要传入一个数组，arr.count对应头像数量，最多显示9个NSMutableArray *array = [[NSMutableArray alloc]initWithCapacity:0];[array addObject:@"1"];[array addObject:@"2"];[array addObject:@"3"];[array addObject:@"5"];[array addObject:@"9"];//加方法调用群组头像功能SudokuRoundView *view = [SudokuRoundView createSudokuRoundViewWithFrame:CGRectMake(20, 110, 70, 70) WithXIBSubImageViewArray:array WithMessageNotRead:0];[self.view addSubview:view];
}

/** 9宫格xib加方法*  frame : 图片范围*  array : 图像数据数组*  message : 未读消息数字*/
+ (SudokuRoundView *)createSudokuRoundViewWithFrame:(CGRect)frame WithXIBSubImageViewArray:(NSMutableArray *)array WithMessageNotRead:(int)messgae{int maxNum = 0;//判断最多9个头像if (array.count > 9) {maxNum = 9;}else{maxNum = array.count;}//加载对应的xibSudokuRoundView *sudokuRoundView = [self initWithSudokuRoundView:maxNum -1];if (array.count) {[sudokuRoundView initWithTag:maxNum *100 WithFrame:frame WithArray:array WithMessageNotRead:messgae];}return sudokuRoundView;
}

//返回对应实例
+ (SudokuRoundView *)initWithSudokuRoundView:(int)object
{return [[[NSBundle mainBundle]loadNibNamed:@"SudokuRoundView" owner:self options:nil]objectAtIndex:object];
}

//加载图片
- (void)initWithTag:(int)tag WithFrame:(CGRect)frame WithArray:(NSMutableArray *)array WithMessageNotRead:(int)messgae{//初始化数据[self makeView:frame];for (NSString *imageStr in array) {static int i = 0;UIImageView *imageView = (UIImageView *)[self viewWithTag:tag+i];//SDWebImage的方法[imageView setImageWithURL:nil placeholderImage:[UIImage imageNamed:[NSString stringWithFormat:@"%@",imageStr]]];//badge图标JSBadgeView *badgeView = [[JSBadgeView alloc] initWithParentView:self alignment:JSBadgeViewAlignmentTopRight];badgeView.badgeText = [NSString stringWithFormat:@"%d", messgae];i ++;//超过9次放弃加载if (i>=9) {break;}}
}

这样，就可以做出想要的效果

仿微信做的一个群组聊天头像的功能相关推荐

仿微信9宫格群组头像
开发了一个聊天工具,群组头像像仿照微信的头像那样显示成员头像合成图片,百度了一下,发现没有顺手的,就自己动手写了一个,现在分享给大家. 我所有用户图片都是120*120的,合成图片为132*132,九 ...
Flutter高仿微信-第55篇-群聊-合成群头像
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看 /*** 处理 ...
合成群组聊天头像，C# 版本和 js 版本
1.效果图:如下 C#版本 JS 版本 2,C#代码, const int fourSidedPixels = 134; /// <summary>/// 合成四边形图片/// < ...
仿微信的群组九宫格头像
仿微信的群组九宫格头像 github地址:WeChatGroupAvatar 优点: 使用Bitmap合成的方式,而非九宫格里面具有九张图片.这样子的好处是对于图片加载不会出现一张张图片依次出现,刷新 ...
Zulip 2.0.1 发布，功能强大的群组聊天软件
开发四年只会写业务代码,分布式高并发都不会还做程序员? Zulip 2.0.1 发布了,Zulip 是一个强大的开源群组聊天软件. 用 Python 编写,使用 Django 框架,支持通过会话流 ...
下载telegram群组聊天消息
下载telegram群组聊天消息及统计方案: 1 创建机器人在telegram应用里与BotFather交互创建机器人,参考链接:https://core.telegram.org/bots ...
telegram 下载群组聊天消息
下载telegram群组聊天消息及统计方案: 1 创建机器人在telegram应用里与BotFather交互创建机器人,参考链接:https://core.telegram.org/bots#6-b ...
Zulip 2.0.3 发布，功能强大的群组聊天软件
百度智能云云生态狂欢季热门云产品1折起>>> Zulip 2.0.3 发布了,Zulip 是一个强大的开源群组聊天软件. 用 Python 编写,使用 Django 框架,支 ...
Flutter高仿微信-第47篇-群聊-语音
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 详情 ...

仿微信做的一个群组聊天头像的功能

仿微信做的一个群组聊天头像的功能相关推荐

最新文章

热门文章