仿微信评论回复(简易)

最新推荐文章于 2024-05-14 14:45:09 发布
最新推荐文章于 2024-05-14 14:45:09 发布
阅读量2.4k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/helloworld183/article/details/79138767
版权 
 
 

  
  
https://www.jianshu.com/p/0061df465650

  
  
先说说大概逻辑，一个控制器里添加列表(类似朋友圈的每条动态)，每个动态里面再添加一个列表(用来显示所有评论以及点击回复评论)，都是用Masonry布局加HYBMasonryAutoCellHeight自适应行高来完成，键盘是随便找的一个第三方，而且项目里也没重点设置


  
  
先看看大概的界面以及两个模型里面的属性


  
  


   
   


    
    


    
    

     
     
    
    


   
   


   
   

    
    1.png
   
   


  
  


  
  


   
   


    
    


    
    

     
     
    
    


   
   


   
   

    
    2.png
   
   


  
  


  
  


   
   


    
    


    
    

     
     
    
    


   
   


   
   

    
    3.png
   
   


  
  


  
  
下面是viewController里面代码，这里把回复的人的名字定死了，有数据的话可以根据实际情况来定


  
  
#import "ViewController.h"
#import "Masonry.h"
#import "UITableViewCell+HYBMasonryAutoCellHeight.h"
#import "TableViewCell.h"
#import "ComentModel.h"
#import "AllComentModel.h"

#import "ChatKeyBoard.h"
#define KSCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
#define KSCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
@interface ViewController ()<UITableViewDelegate,UITableViewDataSource,ChatKeyBoardDelegate,TableviewCellDelegate>

@property (nonatomic, strong) UITableView *tableview;

@property (nonatomic, strong) NSArray *allMessage;

@property (nonatomic, strong) ChatKeyBoard *chatKeyBoard;

@property (nonatomic, strong) NSIndexPath *myIndexPath;

//回复给谁
@property (nonatomic, strong) NSString *name;

@end

@implementation ViewController

-(ChatKeyBoard *)chatKeyBoard{
    if (_chatKeyBoard==nil) {
        _chatKeyBoard =[ChatKeyBoard keyBoardWithNavgationBarTranslucent:YES];
        _chatKeyBoard.delegate = self;
        _chatKeyBoard.keyBoardStyle = KeyBoardStyleComment;
        _chatKeyBoard.allowVoice = NO;
        _chatKeyBoard.allowMore = NO;
        _chatKeyBoard.allowFace = NO;
        _chatKeyBoard.allowSwitchBar = NO;
        _chatKeyBoard.placeHolder = @"评论";
        [self.view addSubview:_chatKeyBoard];
        [self.view bringSubviewToFront:_chatKeyBoard];
    }
    return _chatKeyBoard;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    self.tableview = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, KSCREEN_WIDTH, KSCREEN_HEIGHT-64) style:UITableViewStylePlain];
    self.tableview.delegate = self;
    self.tableview.dataSource = self;
    [self.view addSubview:self.tableview];

    AllComentModel *coment = [AllComentModel new];
    
    ComentModel *model = [ComentModel new];
    model.startPeople = @"马云";
    model.remarkText = @"钱太多花不完怎么办";
    model.remarkPeople = @"";
    ComentModel *model1 = [ComentModel new];
    model1.startPeople = @"大师兄";
    model1.remarkText = @"真羡慕你们这么年纪轻轻就认识像我这么有才华的人";
    coment.allComents = @[model,model1];
    model1.remarkPeople = @"";
    AllComentModel *coment1 = [AllComentModel new];
    
    coment1.allComents = @[model,model1];
    
    self.allMessage = @[coment,coment1];
}

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
    [self.chatKeyBoard keyboardUpforComment];
}

#pragma mark --
#pragma mark -- UITableViewDelegate
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.allMessage.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    if (!cell) {
        cell = [[TableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
        cell.delegate = self;
    }
    [cell configCellWithModel:self.allMessage[indexPath.row] indexPath:indexPath];
    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return [TableViewCell hyb_heightForTableView:tableView config:^(UITableViewCell *sourceCell) {
        TableViewCell *cell = (TableViewCell *)sourceCell;
        [cell configCellWithModel:self.allMessage[indexPath.row] indexPath:indexPath];
    }];
}

#pragma mark -- TableViewCellDelegate
- (void)clickCellWithModel:(ComentModel *)model andIndex:(NSIndexPath *)indexPath {
    if (![model.remarkPeople isEqualToString:@""]) {
        self.chatKeyBoard.placeHolder = [NSString stringWithFormat:@"回复%@:",model.remarkPeople];
    }else {
        self.chatKeyBoard.placeHolder = [NSString stringWithFormat:@"回复%@:",model.startPeople];
    }
    self.name = model.startPeople;
    [self.chatKeyBoard keyboardUpforComment];
    self.myIndexPath = indexPath;
}

//发送
- (void)chatKeyBoardSendText:(NSString *)text{
    [self.chatKeyBoard keyboardDownForComment];
    
    AllComentModel *model = self.allMessage[self.myIndexPath.row];
//评论人model，评论人名写死了
    ComentModel *commodel = [ComentModel new];
    commodel.startPeople = self.name;
    commodel.remarkText = text;
    commodel.remarkPeople = @"马化腾";
    NSMutableArray *mtAry = [NSMutableArray arrayWithArray:model.allComents];
    [mtAry addObject:commodel];
    model.allComents = mtAry.mutableCopy;
    
    [self.tableview reloadRowsAtIndexPaths:@[self.myIndexPath] withRowAnimation:UITableViewRowAnimationFade];
}


  
  
下面是第一个tableViewCell的.h和.m

  
  
#import <UIKit/UIKit.h>
#import "ComentModel.h"
#import "AllComentModel.h"

@class TableViewCell;

@protocol TableviewCellDelegate <NSObject>

- (void)clickCellWithModel:(ComentModel *)model andIndex:(NSIndexPath *)indexPath;

@end

@interface TableViewCell : UITableViewCell

@property (nonatomic, weak) id<TableviewCellDelegate> delegate;

@property (nonatomic, strong) UITableView *tableView;

- (void)configCellWithModel:(AllComentModel *)model indexPath:(NSIndexPath *)indexPath;

@end


  
  
#import "TableViewCell.h"
#import "Masonry.h"
#import "UITableViewCell+HYBMasonryAutoCellHeight.h"
#import "MessageCell.h"
#import "AllComentModel.h"

#define kGAP 10
@interface TableViewCell ()<UITableViewDelegate,UITableViewDataSource>

@property (nonatomic, strong) NSIndexPath *indexPath;

@property (nonatomic, strong) AllComentModel *allComents;

@end

@implementation TableViewCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        
        self.backgroundColor = [UIColor lightGrayColor];
        
        self.tableView = [[UITableView alloc] init];
        
        self.tableView.scrollEnabled = NO;
        [self.contentView addSubview:self.tableView];
        [self.tableView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.mas_equalTo(kGAP);
            make.top.mas_equalTo(kGAP);
            make.right.mas_equalTo(-kGAP);
        }];
        self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
        self.hyb_lastViewInCell = self.tableView;
        self.hyb_bottomOffsetToCell = 0.0;
    }
    return self;
}

- (void)configCellWithModel:(AllComentModel *)model indexPath:(NSIndexPath *)indexPath {
    CGFloat tableviewHeight = 0;
    self.allComents = model;
    self.indexPath = indexPath;
    
    for (ComentModel *comentModel in model.allComents) {
        CGFloat cellheight = [MessageCell hyb_heightForTableView:self.tableView config:^(UITableViewCell *sourceCell) {
            MessageCell *cell = (MessageCell *)sourceCell;
            [cell configCellWithModel:comentModel];
        }];
        tableviewHeight += cellheight;
    }
    
    [self.tableView mas_updateConstraints:^(MASConstraintMaker *make) {
        make.height.mas_equalTo(tableviewHeight);
    }];
    self.tableView.delegate = self;
    self.tableView.dataSource = self;
    [self.tableView reloadData];
}

#pragma mark --
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.allComents.allComents.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    MessageCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
    if (!cell) {
        cell = [[MessageCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"Cell"];
    }
    ComentModel *model = self.allComents.allComents[indexPath.row];
    [cell configCellWithModel:model];
    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    ComentModel *model = self.allComents.allComents[indexPath.row];
    CGFloat cell_height = [MessageCell hyb_heightForTableView:tableView config:^(UITableViewCell *sourceCell) {
        MessageCell *cell = (MessageCell *)sourceCell;
        [cell configCellWithModel:model];
    } cache:^NSDictionary *{
        NSDictionary *cache = @{kHYBCacheUniqueKey : @"",
                                kHYBCacheStateKey : @"",
                                kHYBRecalculateForStateKey : @(YES)};
        return cache;
    }];
    return cell_height;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    //当点击到自己回复的语句时，微信是弹出删除功能，需要的也可以自己加上去
    ComentModel *model = self.allComents.allComents[indexPath.row];
    if ([model.remarkPeople isEqualToString:@"马化腾"]) {
        NSLog(@"点击了自己的回复");
        return;
    }
    
    if ([self.delegate respondsToSelector:@selector(clickCellWithModel:andIndex:)]) {
        [self.delegate clickCellWithModel:model andIndex:self.indexPath];
    }
}


  
  
下面是主列表里面包含的评论列表的.h和.m

  
  
#import <UIKit/UIKit.h>
#import "ComentModel.h"

@interface MessageCell : UITableViewCell

@property (nonatomic, strong) UILabel *contentLabel;

- (void)configCellWithModel:(ComentModel *)model;

@end



  
  
/**如果想做类似微信那样点击评论人名和回复人名跳转的话可以在这里写，我这里总的写成了一个label*/

#import "MessageCell.h"
#import "Masonry.h"
#import "UITableViewCell+HYBMasonryAutoCellHeight.h"

@implementation MessageCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    if (self == [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        // contentLabel
        self.contentLabel = [[UILabel alloc] init];
        [self.contentView addSubview:self.contentLabel];
        self.contentLabel.backgroundColor = [UIColor clearColor];
        self.contentLabel.preferredMaxLayoutWidth = [UIScreen mainScreen].bounds.size.width - 80;
        self.contentLabel.numberOfLines = 0;
        self.contentLabel.font = [UIFont systemFontOfSize:14.0];
        [self.contentLabel mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.right.mas_equalTo(self.contentView);
            make.top.mas_equalTo(self.contentView).offset(3.0);
        }];
        self.hyb_lastViewInCell = self.contentLabel;
        self.hyb_bottomOffsetToCell = 3.0;
    }
    return self;
}

- (void)configCellWithModel:(ComentModel *)model {
    NSString *str = nil;
    if (![model.remarkPeople isEqualToString:@""]) {
        str = [NSString stringWithFormat:@"%@ 回复 %@: %@",model.remarkPeople,model.startPeople,model.remarkText];
        NSMutableAttributedString *text = [[NSMutableAttributedString alloc] initWithString:str];
        [text addAttribute:NSForegroundColorAttributeName
                     value:[UIColor orangeColor]
                     range:NSMakeRange(0, model.remarkPeople.length)];
        [text addAttribute:NSForegroundColorAttributeName
                     value:[UIColor orangeColor]
                     range:NSMakeRange(model.remarkPeople.length + 4, model.startPeople.length+1)];
        self.contentLabel.attributedText = text;
    }else {
        str = [NSString stringWithFormat:@"%@: %@",model.startPeople,model.remarkText];
        NSMutableAttributedString *text = [[NSMutableAttributedString alloc] initWithString:str];
        [text addAttribute:NSForegroundColorAttributeName
                     value:[UIColor orangeColor]
                     range:NSMakeRange(0, model.startPeople.length+1)];
        self.contentLabel.attributedText = text;
    }
}


  
  
大致效果是这样的

  
  

   
   

    
    

    
    

     
     
    
    

   
   

   
   

    
    xxxx.gif
   
   

  
  

  
  
代码写的比较仓促，有什么写的不对的大家可以评论，哈哈
有没有大神愿意加我个小群，自己建的，只有3个人，都比较菜，如果哪位大神平时喜欢带新人的话加我

 
 


作者：_Comma
链接：https://www.jianshu.com/p/0061df465650
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
nslog1234554321
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【IOS源码】智能聊天机器人源码—仿微信界面
rcpqdfgc
12-30 1893
这是一个IOS智能聊天机器人的源码，采用了仿微信的风格设计，调用的是图灵机器人的API，能够实现智能聊天、讲故事、讲笑话、查天气、查公交等丰富的功能 [1].[代码] 仿微信界面： UITableView 跳至 [1] [2] [3] [4] [5] [6] ? 1 2 3 4 5 6 7 8 9 //
Cell中嵌套TableView_UIWebView_自动布局
Kiven's Program Space
05-26 3613
1、cell中嵌套Tableview 实现思路 笔者尝试画了一张图，尽量反映出实现的思路： 外层UITableView通过HYBMasonryAutoCellHeight计算cell的高度并缓存起来，而cell中所嵌套的UITableView（显示评论信息的表格）也是通过HYBMasonryAutoCellHeight来计算cell的高度并缓存。当评论TableView增加或者删
微信小程序简单留言板制作
最新发布
2401_83167768的博客
05-14 447
【代码】微信小程序简单留言板制作。
iOS 即时通讯 + 仿微信聊天框架 + 源码
u013712343的博客
07-09 1995
实在是抱歉，git上的Demo这么久，有问题自己没有发现！肯定给大家造成过不方便，抱歉！git上Demo刚重新上传，要有需要的可以去下载，要有问题可以直接找我QQ联系我！ 最近在总结Socket方面的知识，等文章写完会发不来，这篇文章是去年什么四五月份写的吧，那是水平也是有限，希望接下来能总结的比这篇好一点！！ 在Demo中，XMPP接收发送消息这一块的代码我暂时是删除了，仿照微信的聊天框架是在的，你要想通过XMPP自己在项目中试试，你需要的也就是在Demo中集成...
高仿微信朋友圈点赞、评论弹出框效果(自定义Popupwindow实现)
11-14
本Demo高仿微信朋友圈评论点赞弹出框动画效果，自定义popupwindow实现，可助你快速学习自定义popupwindow.
android 实现仿微信通讯录
11-20
android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android 实现仿微信通讯录android ...
微信小程序源码 仿微信DEMO(学习版)
06-18
微信小程序源码 仿微信DEMO(学习版)微信小程序源码 仿微信DEMO(学习版)微信小程序源码 仿微信DEMO(学习版)微信小程序源码 仿微信DEMO(学习版)微信小程序源码 仿微信DEMO(学习版)微信小程序源码 仿微信DEMO(学习版)...
精仿微信举报投诉2.0.2.rar
08-08
误导引诱进来投诉的内容，可以在后台查看，还可以看到投诉人真实的微信头像和昵称，让您知道到底谁在投诉举报您 已实现 3 投诉举报的样式和提示文字可以在精细化设置 已实现 4 第三方平台调用，可以多种方式，js...
仿微信 Android Studio
05-04
【标题】"仿微信 Android Studio" 是一个专为Android开发者设计的项目，旨在帮助他们学习如何构建类似微信的用户界面。这个项目不仅关注外观的模仿，更注重代码的组织结构和可读性，使得初学者能够理解并学习到...
超高仿微信源码
06-01
【超高仿微信源码】是一种基于编程技术对微信应用程序进行高度仿真的软件开发项目，旨在为初学者提供一个学习和实践的平台。这个源码基本实现了微信的主要功能，包括聊天、朋友圈、添加好友、群聊等核心模块，帮助...
仿微信评论弹框
12-02
仿照QQ评论点赞，代码比较简单易懂，适合学习使用，给大家一个很好思路,可以在此基础上来改进!
仿微信朋友圈点赞和评论功能
vxwjf的博客
07-14 2万+
仿微信朋友圈的点赞和评论
博客项目实现文章评论功能(重点是评论回复)
weixin_30622107的博客
01-20 6808
我开发的博客网站的地址:http://118.89.29.170/RiXiang_blog/ 博客项目代码github：https://github.com/SonnAdolf/sonne_blog 有了我的已成型的项目和代码，可以更容易理解这篇文章。 本篇文章记录下自己博客项目评论功能实现的全过程，重点其实是评论回复功能。 【一，写评论】 写评论部分我没有使用富文本编辑...
一步一步完成SSM框架整合（Spring+Spring MVC + Mybatis）
曹建涛的博客
06-14 1327
新建maven工程eclipse中选择new Maven Project项，制定archetype为webapp，填写好groupId之类的，然后finish，这时可能工程有一些错误，通过修改Java Build Path，修复错误： 然后new一个server，将这个项目添加进去，修改server的context path为“/”，http端口设置为“80”，然后打开浏览器，访问“127.0.0
利用Vue+ElementUi实现评论功能-仿掘金
热门推荐
zLanaDelRey的博客
09-18 2万+
前言 这两天在用vue重构之前写的一个社区博客项目，之前评论的样式和效果都差强人意，所以仿照掘金重写了一个评论功能（但不是完全照搬模仿） 在写完这个功能后，由心觉得Vue真的非常好用。 话不多说，先上效果图 代码 html代码： <template> <div> <div v-clickoutside="hideReplyBtn" @cli......
uniapp仿微信评论回复
08-15
要实现仿微信评论回复功能，可以按照以下步骤进行： 1. 创建评论列表页面：使用uni-list组件展示评论列表，每一条评论包括评论内容和回复按钮。 2. 创建回复对话框组件：使用uni-modal组件或者自定义组件实现一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值