IM即时通讯
安全可靠、全球互通
实时音视频
流畅稳定、省钱省力
IM 即时通讯 (451)
Android (175)
- 初始化&链接 (7)
- 事件&监听处理 (4)
- 用户信息 (12)
- 会话列表 (11)
- 聊天会话 (25)
- 消息处理 (22)
- 自定义消息 (3)
- 音视频 (0)
- 推送&通知 (30)
- 扩展功能 (4)
- 第三方地图 (2)
- 依赖&配置 (13)
- 升级说明 (2)
- 其他 (40)
iOS (147)
- SDK 导入 (9)
- 连接 (4)
- 事件处理 (1)
- 用户信息 (3)
- 会话列表 (12)
- 聊天会话 (45)
- 消息处理 (25)
- 自定义消息 (8)
- 推送&通知 (16)
- 扩展功能 (6)
- 国际化 (3)
- 音视频 (1)
- 其他 (14)
Web (58)
- 导入 SDK (2)
- 初始化 (1)
- 事件监听 (1)
- 连接相关 (7)
- 消息相关 (24)
- 会话相关 (7)
- 群组业务 (0)
- 聊天室业务 (2)
- 超级群业务 (0)
- 用户信息 (4)
- Web 插件 (4)
- 常见问题 (2)
- 其他 (3)
- 开发者后台 (1)
小程序 (10)
Server (29)
Flutter (12)
uni-app (13)
React Native (5)
Unity (2)
为输入框添加 Placeholder 效果
5.1.3 版本 SDK 在会话页面增加 placeholder，5.1.3 之前的版本需要自行实现。
发布时间： 2020-05-21 10:29
回答：
实现思路
为输入框添加一个 UILabel，实现 Placeholder 效果，做好 UI 方面的处理。
实现步骤
1.会话页面添加 UILabel 属性
@property(nonatomic, strong) UILabel *placeholderLabel;
2.配置第一步中的 UILabel 对象
- (void)configPlaceholder {
//初始化和设置
self.placeholderLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 180, 20)];
[self.chatSessionInputBarControl.inputTextView addSubview:self.placeholderLabel];
NSString *draft = self.chatSessionInputBarControl.draft;
self.placeholderLabel.text = @"测试 Placeholder";
if (draft.length > 0) {
self.placeholderLabel.hidden = YES;
} else {
self.placeholderLabel.hidden = NO;
}
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];
}3.在内容发生变化和点击发送后，设置 placeholder 效果的显示
- (void)inputTextView:(UITextView *)inputTextView shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text {
//在内容发生变化和点击发送后，设置 placeholder 效果的显示
if ((range.location == 0 && [text isEqualToString:@""]) || [text isEqualToString:@"\n"]) {
self.placeholderLabel.hidden = NO;
} else {
self.placeholderLabel.hidden = YES;
}
}4.当撤回消息，点击“重新编辑”后，关闭 placeholder 效果的显示
- (void)didTapReedit:(RCMessageModel *)model {
self.placeholderLabel.hidden = YES;
[super didTapReedit:model];
}效果图：
