单行及多行图文混排，聊天应用较常用，本文只提供算法。

最新推荐文章于 2019-11-07 13:47:54 发布
最新推荐文章于 2019-11-07 13:47:54 发布
阅读量92 收藏
点赞数 
// TTSingleLineView.h
#import <UIKit/UIKit.h>
#import "TTLineView.h"

#define kChatRoomSingleLineSendFontSize        (18.0f)

@interface TTSingleLineView : TTLineView

+ (TTSingleLineView *)singleLineView:(NSArray *)views;

@end

//TTSingleLineView.m
#import "TTSingleLineView.h"

#define kChatRoomSingleLineDefaultHeight (30.0f)

@implementation TTSingleLineView

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
//        self.backgroundColor = [UIColor colorWithWhite:0.4f alpha:0.4f];
    }
    return self;
}

+ (TTSingleLineView *)singleLineView:(NSArray *)views
{
    TTSingleLineView *slv = [[TTSingleLineView alloc] initWithFrame:CGRectZero];
    [slv chatRoomSingleLineView:views];
    return slv;
}

- (CGFloat)chatRoomSingleLineView:(NSArray *)array
{
    CGFloat lineWidth = 0.0f;
    for (NSDictionary *dict in array)
    {
        switch ([self contentType:dict])
        {
            case kChatRoomText:
            {
                NSString *contentText = [self chatContentText:dict];
                CGFloat fontSize = [self chatContentTextFont:dict];
                CGFloat textWidth = [self getStringWidth:contentText size:fontSize];
                ChatRoomFontColorMode colorMode = [[dict valueForKey:kChatTextColorTypeKeyName] integerValue];
                UIColor *color = [self chatTextColor:colorMode];
                
                UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(lineWidth,
                                                                       0.0f,
                                                                       textWidth,
                                                                       kChatRoomSingleLineDefaultHeight)];
                l.backgroundColor = [UIColor clearColor];
                l.font = kFontOfSize(fontSize);
                l.text = contentText;
                l.textColor = color;
                l.lineBreakMode = NSLineBreakByCharWrapping;
                [self addSubview:l];
                
                lineWidth += textWidth;
            }
                break;
            case kChatRoomRemoteDynamicImage:
            case kChatRoomRemoteStaticImage:
            {
                NSString *imageStr = [self chatImagePath:dict];
                CGFloat imageWidth = [self chatImageWidth:dict];
                CGFloat imageHeight = [self chatImageHeight:dict];
                CGFloat imagePaddingX = [self chatImagePaddingX:dict];
                CGFloat imagePaddingY = [self chatImagePaddingY:dict];
                
                imageStr = [imageStr substringFromIndex:kChatCutOffContentRemoteStillImageType.length];
                
                UIImageView *imageView = [[UIImageView alloc] initWithFrame:
                                          CGRectMake(lineWidth + imagePaddingX,
                                                     0.0f + imagePaddingY,
                                                     imageWidth,
                                                     imageHeight)];
                [imageView setImageWithURL:[NSURL URLWithString:imageStr] placeholderImage:nil];
                [self addSubview:imageView];
                
                lineWidth += imageWidth;
                lineWidth += imagePaddingX;
            }
                break;
            case kChatRoomLocalDynamicImage:
            case kChatRoomLocalStaticImage:
            {
                NSString *imageStr = [self chatImagePath:dict];
                CGFloat imageWidth = [self chatImageWidth:dict];
                CGFloat imageHeight = [self chatImageHeight:dict];
                CGFloat imagePaddingX = [self chatImagePaddingX:dict];
                CGFloat imagePaddingY = [self chatImagePaddingY:dict];
                               
                imageStr = [imageStr substringFromIndex:kChatCutOffContentRemoteStillImageType.length];
                
                UIImageView *imageView = [[UIImageView alloc] initWithFrame:
                                          CGRectMake(lineWidth + imagePaddingX,
                                                     0.0f + imagePaddingY,
                                                     imageWidth,
                                                     imageHeight)];
                imageView.image = kImageNamed(imageStr);
                [self addSubview:imageView];
                
                lineWidth += imageWidth;
                lineWidth += imagePaddingX;
            }
                break;
                
            default:
                break;
        }
    }

    self.frame = CGRectMake(0.0f, 0.0f, lineWidth, kChatRoomSingleLineDefaultHeight);
    
    return kChatRoomSingleLineDefaultHeight;
}

- (CGFloat)getStringWidth:(NSString *)text size:(CGFloat)fontSize
{
    CGSize size = [text sizeWithFont:kFontOfSize(fontSize) constrainedToSize:CGSizeMake(MAXFLOAT, kChatRoomSingleLineDefaultHeight)];
    return size.width;
}

/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
    // Drawing code
}
*/

@end

// TTMultiLineView.h
#import <UIKit/UIKit.h>
#import "TTLineView.h"

@interface TTMultiLineView : TTLineView

@property (nonatomic, assign) CGFloat previousHeight;
// View's total height.
@property (nonatomic, assign) CGFloat height;
@property (nonatomic, assign) CGFloat padding;

+ (TTMultiLineView *)multiLineView:(NSArray *)views;

@end

// TTMultiLineView.m
#import "TTMultiLineView.h"

#define kChatTextHeightDefault         (24.0f)
#define kChatViewWidthMax              (kScreenWidth - self.padding * 2)
#define kChatSplitSingleWordWidth      (15.0f)
#define kChatContentPadding            (0.0f)

// Parse.
#define kChatParseTextWidthKeyName     @"chat.parse.text.width"
#define kChatParseTextContentKeyName   @"chat.parse.text.content"
#define kChatParseTextCutPointKeyName  @"chat.parse.text.cutpoint"

@implementation TTMultiLineView

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
    }
    return self;
}

+ (TTMultiLineView *)multiLineView:(NSArray *)views
{
    TTMultiLineView *mlv = [[TTMultiLineView alloc] initWithFrame:CGRectZero];
    [mlv chatMultiLineView:views];
    return mlv;
}

- (CGFloat)chatMultiLineView:(NSArray *)array
{
    CGFloat viewWidth = 0.0f;
    CGFloat viewHeightMax = 0.0f;
    
    if (self.padding == 0.0f)
    {
        self.padding = kChatContentPadding;
    }
    
    for (NSDictionary *dict in array)
    {
        switch ([self contentType:dict])
        {
            case kChatRoomText:
            {
                NSString *contentText = [self chatContentText:dict];
                CGFloat fontSize = [self chatContentTextFont:dict];
                
                if (contentText != nil && contentText.length > 0)
                {
                    CGSize firstCharSize = [[contentText substringToIndex:1] sizeWithFont:kFontOfSize(fontSize) constrainedToSize:CGSizeMake(MAXFLOAT, kChatTextHeightDefault)];
                    
                    if (viewWidth + firstCharSize.width > kChatViewWidthMax)
                    {
                        // insert new line if last string reach end.
                        self.previousHeight += kChatTextHeightDefault;
                        viewWidth = 0.0f;
                    }
                }
                
                NSArray *sectionStrs = [self splitString:contentText start:viewWidth size:fontSize];
                
                // Multiline.
                NSUInteger line = 0;
                for (NSDictionary *d in sectionStrs)
                {
                    NSUInteger width = [[d valueForKey:kChatParseTextWidthKeyName] unsignedIntegerValue];
                    NSString *text = [d valueForKey:kChatParseTextContentKeyName];
                    
                    ChatRoomFontColorMode colorMode = [[dict valueForKey:kChatTextColorTypeKeyName] integerValue];
                    UIColor *color = [self chatTextColor:colorMode];
                    
                    if (line != 0)
                    {
                        viewWidth = 0.0f;
                        if (line == 1)
                        {
                            // First Line
                            self.previousHeight += MAX(kChatTextHeightDefault, viewHeightMax);
                            viewHeightMax = kChatTextHeightDefault;
                        }
                        else
                        {
                            // > 1 line.
                            self.previousHeight += kChatTextHeightDefault;
                        }
                    }
                    else
                    {
                        viewHeightMax = MAX(viewHeightMax, kChatTextHeightDefault);
                    }
                    
                    UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(viewWidth,
                                                                           self.previousHeight,
                                                                           width,
                                                                           kChatTextHeightDefault)];
                    l.backgroundColor = [UIColor clearColor];
                    l.font = kFontOfSize(fontSize);
                    l.text = text;
                    l.textColor = color;
                    l.lineBreakMode = NSLineBreakByCharWrapping;
//                    l.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin;
                    [self addSubview:l];
                    
                    if (line == [sectionStrs count] - 1)
                    {
                        // Last Line, recode width.
                        viewWidth += width;
                    }
                    
                    line++;
                }
            }
                break;
            case kChatRoomRemoteDynamicImage:
            case kChatRoomLocalDynamicImage:
            {
                NSString *imageStr = [self chatImagePath:dict];
                CGFloat imageWidth = [self chatImageWidth:dict];
                CGFloat imageHeight = [self chatImageHeight:dict];
                CGFloat imagePaddingX = [self chatImagePaddingX:dict];
                CGFloat imagePaddingY = [self chatImagePaddingY:dict];
                
                if (viewWidth + imageWidth > kChatViewWidthMax)
                {
                    // new line
                    self.previousHeight += viewHeightMax;
                    
                    viewHeightMax = MAX(viewHeightMax, imageHeight);
                    viewWidth = 0.0f;
                }
                
                imageStr = [imageStr substringFromIndex:kChatCutOffContentLocalDynamicImageType.length];
                //                LOGINFO(@"imageStr = %@", imageStr);
                
                UIImageView *imageView = [[UIImageView alloc] initWithFrame:
                                          CGRectMake(viewWidth + imagePaddingX,
                                                     self.previousHeight + imagePaddingY,
                                                     imageWidth,
                                                     imageHeight)];
                imageView.image = [UIImage sd_animatedGIFNamed:imageStr];
                [self addSubview:imageView];
                
                viewWidth += imageWidth;
                viewWidth += imagePaddingX;
                viewHeightMax = MAX(imageHeight, viewHeightMax);
            }
                break;
            case kChatRoomLocalStaticImage:
            case kChatRoomRemoteStaticImage:
            {
                NSString *imageStr = [self chatImagePath:dict];
                CGFloat imageWidth = [self chatImageWidth:dict];
                CGFloat imageHeight = [self chatImageHeight:dict];
                CGFloat imagePaddingX = [self chatImagePaddingX:dict];
                CGFloat imagePaddingY = [self chatImagePaddingY:dict];
                
                //                LOGINFO(@"imageStr = %@", imageStr);
                
                if (viewWidth + imageWidth > kChatViewWidthMax)
                {
                    // new line
                    self.previousHeight += viewHeightMax;
                    
                    viewHeightMax = MAX(viewHeightMax, imageHeight);
                    viewWidth = 0.0f;
                }
                
                imageStr = [imageStr substringFromIndex:kChatCutOffContentRemoteStillImageType.length];
                
                UIImageView *imageView = [[UIImageView alloc] initWithFrame:
                                          CGRectMake(viewWidth + imagePaddingX,
                                                     self.previousHeight + imagePaddingY,
                                                     imageWidth,
                                                     imageHeight)];
                [imageView setImageWithURL:[NSURL URLWithString:imageStr] placeholderImage:nil];
                [self addSubview:imageView];
                
                viewWidth += imageWidth;
                viewWidth += imagePaddingX;
                viewHeightMax = MAX(imageHeight, viewHeightMax);
            }
                break;
                
            default:
                break;
        }
    }
    
    CGFloat totalHeight = self.previousHeight + viewHeightMax;
    if (totalHeight == 0.0f)
    {
        // Text Single Line;
        totalHeight = kChatTextHeightDefault;
    }
    self.frame = CGRectMake(self.padding, 0.0f, kChatViewWidthMax, totalHeight);
    
    return totalHeight;
}

- (NSArray *)splitString:(NSString *)str start:(CGFloat)loc size:(CGFloat)fontSize
{
    NSMutableArray *array = [NSMutableArray arrayWithCapacity:0];
    NSUInteger i = 1;
    NSUInteger location = 0;
    NSUInteger startPoint = 0;
    CGFloat startPaddingX = loc;
    
//    LOGINFO(@"str = %@ padding = %.2f", str, x);
    
    while (i < str.length)
    {
        NSRange range = NSMakeRange(location, i - startPoint);
        
        NSString *str1 = [str substringWithRange:range];
        CGSize size = [str1 sizeWithFont:kFontOfSize(fontSize) constrainedToSize:CGSizeMake(MAXFLOAT, kChatTextHeightDefault)];
//        LOGINFO(@"str1 = %@ size.width = %.2f", str1, size.width);
        
        if (size.width + startPaddingX + kChatSplitSingleWordWidth > kChatViewWidthMax)
        {
            startPaddingX = 0.0f;
            location += str1.length;
            startPoint = i;
            
            NSMutableDictionary *dictionary = [NSMutableDictionary dictionaryWithCapacity:0];
            [dictionary setValue:@(size.width) forKey:kChatParseTextWidthKeyName];
            [dictionary setValue:str1 forKey:kChatParseTextContentKeyName];
            [dictionary setValue:@(i) forKey:kChatParseTextCutPointKeyName];
            [array addObject:dictionary];
        }
        
        i++;
    }
    
    // Last Section String.
    NSString *lastSectionStr = [str substringFromIndex:location];
    CGSize lastStrSize = [lastSectionStr sizeWithFont:kFontOfSize(fontSize) constrainedToSize:CGSizeMake(MAXFLOAT, kChatTextHeightDefault)];
    
    NSMutableDictionary *dictionary = [NSMutableDictionary dictionaryWithCapacity:0];
    [dictionary setValue:@(lastStrSize.width) forKey:kChatParseTextWidthKeyName];
    [dictionary setValue:lastSectionStr forKey:kChatParseTextContentKeyName];
    [dictionary setValue:@(i) forKey:kChatParseTextCutPointKeyName];
    [array addObject:dictionary];
    
    return array;
}

/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
    // Drawing code
}
*/

@end


weixin_34232617
关注
unity实战之TextMeshPro实现聊天图文混排
爱上游戏开发
07-11 4427
unity使用TextMeshPro实现聊天图文混排
详解Android SpannableString多行图文混排的应用实战
08-28
在多行图文混排的需求中，SpannableString显得尤为重要，因为它可以实现在文本中的任意位置插入图片或其他样式元素，而不仅仅是两端。这在创建聊天界面、富文本编辑器或者自定义通知等场景中非常有用。 首先，我们...
聊天界面图文混排
weixin_33854644的博客
01-24 135
2019独角兽企业重金招聘Python工程师标准>>> ...
iOS 聊天信息图文混排
努力，可能成功！放弃，注定失败！
06-07 1626
候，有一个功能点是要支持聊天信息的图文混排。当时听到这个需求的时候，大脑里第一反应是用webView来通过htmlstring来实现这个功能，不过webView是一个能不用最好不用的东西，因为它的内存管理特别可怕。所以我研究了其他方法，确实存在一个更好的方法，那就是使用NSTextAttachment和NSAttributedString。      其实原理很简单，那就是把要混排的图片当成一个
图文混排的简单使用
a_ss_a的专栏
06-08 524
图片和文字的简单混排主要实现是 NSTextAttachment类的实用     NSMutableAttributedString *muString = [[NSMutableAttributedString alloc]init]; // Key parts of image insertion     NSTextAttachment *attenment = [[NS
CoreText实现图文混排之文字环绕及点击算法
努力，可能成功！放弃，注定失败！
12-26 1671
CoreText实现图文混排之文字环绕及点击算法 系列文章： CoreText实现图文混排CoreText实现图文混排之点击事件CoreText实现图文混排之文字环绕及点击算法 终于我来完成我CoreText图文混排的最后一章了。 先说一下我为什么会来补发这一章呢？ 1.老司机最开始没有留demo，以至于这个博客老司机从发出来到现在整整维护了半年了=。=其实博客里面就是全
cocos2dx-js 图文混排聊天
06-26
在移动应用开发中，聊天功能是不可或缺的一部分，而实现图文混排的聊天界面更是提升用户体验的关键。Cocos2dx-js 是一个强大的游戏开发框架，它结合了Cocos2d-x的高效性能与JavaScript的便捷性，使得在JavaScript上...
flex 图文混排聊天室 客户端
03-14
这个“Flex图文混排聊天室客户端”项目显然是一款使用Flex技术开发的实时通讯应用，旨在提供一个用户友好的平台，让用户可以同时发送文字和图片进行交流。在这样的聊天室中，用户不仅可以发送纯文本消息，还可以分享...
图文混排与题图文字布局
Summer_JX的博客
11-18 5399
一、图文混排与题图文字布局 1.图文混排 一张图片和一段文本段落：img标签在前，p标签在后，两者都是块级元素，它们是彼此分开的两个部分； 实现图文混排： align="right"> align属性：定义了图像与文本的相互排列方式，将其设置为right时，使得图片右对齐，与文字混排； 但是align属性在html5中已经不推荐使用，最好的方式是用css实现图文混排；去除img的ali
2iOFD主要功能
qq_45784129的博客
11-07 836
2iOFD主要功能 iOFD提供文字排版、图文混排、表格、边框、页面布局、线条、页头、页尾、电子签章等主要功能。 2.1段落 2.1.1最简单的HelloWorld 以下5行代码即可完成最简单的OFD文档的创建工作： package test.create.c02; import vita.ofd.layout.OfdDocument; import vita.ofd.layout.elemen...
50行代码实现图文混排
weixin_30631587的博客
07-12 419
开头 本文是介绍的是iOS 7之后的API来实现图文混排，主要是帮助大家了解使用这种方式来实现图文混排的原理。 现在即时通讯和朋友圈这两块功能基本上属于app的标配功能了吧。图文混排在这两块中使用最为常见，我已经做好了demo:图文混排demo。 文中会讲述几点小技巧：图文混排、动态计算文字长度、图片拉伸方法。 以前的做法 在以前做图文混排的时候，经常使用OHA...
图文混排的实现
weixin_42433480的博客
06-14 2518
下载地址 : https://github.com/AlanZhangQ/CoreTextLabel.git, 求Star..如果有好的建议或者意见，请留言指出，谢谢 1 .普通图片文字混排 _coretextLabel = [[MYCoreTextLabel alloc]init]; _coretextLabel.delegate = self; _coreTextLabel...
AS3聊天多行输入框图文混排完美实现
木兮小站
06-26 4133
此处是私聊面板多行输入框的
【Unity3D游戏开发】基于NGUI的表情图文混排解决方案 (二二)
Teng's world
11-03 8549
使用unity3d也有两年时间了，最近比较闲，有功夫梳理一下去年一年来学到以及用到的知识，分享给大家，顺便方便自己查阅。如有错误以及不当的地方，欢迎各位指正。谢谢。     去年五月份的时候，刚加入项目不久，老大交给我一个关于聊天系统任务，期初觉得应该很容易，但是看了文档之后，瞬间头都大了_(:з」∠)_，因为需要支持表情！当时Unity3D版本4.3.x，NGUI版本3.5x，当时版本的N
关于组织参加“第八届‘泰迪杯’数据挖掘挑战赛”的通知-4页
最新发布
11-03
关于组织参加“第八届‘泰迪杯’数据挖掘挑战赛”的通知-4页
PyMySQL-1.1.0rc1.tar.gz
11-03
PyMySQL-1.1.0rc1.tar.gz
技术资料分享CC2530中文数据手册完全版非常好的技术资料.zip
11-03
技术资料分享CC2530中文数据手册完全版非常好的技术资料.zip
docker构建php开发环境
11-03
docker构建php开发环境
仿QQ界面聊天通讯源码分享：支持png、gif及图文混排
综上所述，这份资源提供了一个仿QQ聊天界面的完整功能，包括发送多种格式图片和图文混排的能力，同时还强调了版权、法律以及学习交流的相关注意事项。开发者可以通过研究这份资源，来提升自己在即时通讯软件开发方面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值