04环信聊天界面 - 完善聊天输入框

一、设置inputToolbar的高度,随着输入文字的增多而改变

1.连线inputToolbar的高度的约束:


2.在UITextViewDelegate代理方法 - textViewDidChange:计算高度

#pragma mark - UITextViewDelegate
- (void)textViewDidChange:(UITextView *)textView
{
    // 1.计算textView的高度,调整整个inputToolbar的高度
    CGFloat textViewH = 0;
    CGFloat minH = 33; //textView最小高度
    CGFloat maxH = 68; //textView最大高度
    CGFloat contentH = textView.contentSize.height;
    if (contentH < minH) {
        textViewH = minH;
    }else if (contentH > maxH){
        textViewH = maxH;
    }else{
        textViewH = contentH;
    }
    
    
    // 2.监听用户是否点击了键盘的"Send"按钮 -- 判断最后一个字符是否是换行符
    if ([textView.text hasSuffix:@"\n"]) {
        // 发送消息
        [self sendMessage:textView.text];
        
        // 清空textView中的文字
        textView.text = nil;
        
        // 用户点击"发送"之后,textView高度还原
        textViewH = minH;
    }
    
    // 3.调整整个inputToolbar的高度
    /**
     7为textView到顶部的距离
     6为textView到底部的距离
     */
    self.inputToolbarHeightConstraint.constant = 7 + 6 + textViewH;
    [UIView animateWithDuration:0.25 animations:^{
        [self.view layoutIfNeeded];
    }];
}

最后效果如动画:

二、设置textView的边框(其实就是背景图片)

1.添加一个imageView作为textView的背景(注意顺序),然后设置约束和textView一致,设置拉伸,更改textView的背景色为透明(以便能看见下面的imageView)


2.最后输入框textView就有边框颜色了



三、如果发送之后输入框光标位置不对

    // 4.让光标回到原位
#warning 技巧
    [textView setContentOffset:CGPointZero animated:YES];
    [textView scrollRangeToVisible:textView.selectedRange];


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值