立即注册 登录
即时通讯网 返回首页

刀锋蘸酱的个人空间 http://www.52im.net/?21071 [收藏] [复制] [RSS]

日志

为融云聊天页面的输入框添加 Placeholder

已有 884 次阅读2020-11-06 16:00

产品要求给输入框加个Placeh,其实挺简单一功能,寻遍他们的官网https://www.rongcloud.cn/和文档https://docs.rongcloud.cn/v4/都没有找到相关资料,现实很残酷,SDK 木有这个接口,只能自己实现了,思来想去,用了个笨办法,加个 UILabel 一试,还真行,有需要的您请往下看。

其实就是给输入框价格 UILabel,在该显示的时候显示,该隐藏的时候隐藏就完事儿了,代码如下:

  1. 在聊天页面添加一个 UILabel 属性

@property(nonatomic, strong) UILabel *placeholderLabel;
  1. 初始化并添加 placeholderLabel 对象

- (void)configPlaceholder {    
   //初始化和设置    
   self.placeholderLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 180, 20)];
  [self.chatSessionInputBarControl.inputTextView addSubview:self.placeholderLabel];
   self.placeholderLabel.text = @"测试 Placeholder";    
   self.placeholderLabel.textColor = [UIColor grayColor];    
   self.placeholderLabel.userInteractionEnabled = YES;    
   //添加点击手势    
   UITapGestureRecognizer *tapLabel = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapPlaceholderLabel)];    
  [self.placeholderLabel addGestureRecognizer:tapLabel];
}
   
- (void)tapPlaceholderLabel {    
  [self.chatSessionInputBarControl updateStatus:KBottomBarKeyboardStatus animated:YES];
}
  1. 在内容发生变化和点击发送后,设置 placeholder 效果的显示

- (void)inputTextView:(UITextView *)inputTextView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text {    
   //在内容发生变化和点击发送后,设置 placeholder 效果的显示    
   if ((range.location == 0 && [text isEqualToString:@""]) || [text isEqualToString:@"
"]) {        
       self.placeholderLabel.hidden = NO;    
      } else {        
       self.placeholderLabel.hidden = YES;    
      }
}
  1. 还要提一下,融云的 SDK 有撤回消息以后的“重新编辑”功能,在这个时候,要关闭 placeholder 效果的显示

- (void)didTapReedit:(RCMessageModel *)model {    
   self.placeholderLabel.hidden = YES;    
  [super didTapReedit:model];
}

到这儿功能就完成了,placeholderLabel 的具体文字效果可以自行修改调整,希望上面的代码可以帮到你,喜欢的话,点个赞吧。

0 推荐

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 立即注册

返回顶部