UITextView文字左居中

最近产品上遇到了一个小需求, 大致是模仿映客直播的开始直播界面输入标题的那部分样式, 看了一下, 自带的UITextView控件没有提供文字水平居左、垂直居中这样的API, 下面记录一下我的解决思路.

首先看一下UITextView的内部视图结构

屏幕快照 2016-09-13 12.35.55.png
屏幕快照 2016-09-13 12.36.12.png

从图上可以看出, UITextView包含和三个子视图, 一个类名为 _UITextContainerView的view和两个UIImageView, 两个UIImageView是分别是水平和垂直滚动条, 这个没什么可操作的; 显示文字和显示光标的视图都是添加在一个类名为 _UITextContainerView 的视图之上的(上图层次结构中被点击的蓝色view), 既然知道了文字的显示视图的位置, 接下来就是直接处理这个view了.

在UITextView开始编辑的时候, 会回调delegate的 textViewDidBeginEditing: 这个方法, 我们在这个方法里面将 _UITextContainerView 进行居中显示

- (void)textViewDidBeginEditing:(UITextView *)textView {
    UIView *view = textView.subviews.firstObject;
    if (view.frame.size.height < textView.frame.size.height) {
        CGPoint center = CGPointMake(textView.frame.size.width * 0.5, textView.frame.size.height * 0.5);
        view.center = center;
    }
}

同时, 监听UITextView的文字改变, 在delegate的 textViewDidChange: 这个回调方法中处理, 需要注意的一点就是_UITextContainerView在显示文字的时候, 高度会随着文字的变化而不断变化, 所以, 在_UITextContainerView的高度小于UITextView的高度的时候, 才需要进行居中, _UITextContainerView的高度大于UITextView的高度的时候, 需要将这个操作还原, 也就是将frame的y值设置为0

- (void)textViewDidChange:(UITextView *)textView {
    if (textView.text.length > 0) {
        self.placeHolderLabel.hidden = YES;
    } else {
        self.placeHolderLabel.hidden = NO;
    }
    
    UIView *view = textView.subviews.firstObject;
    if (view.frame.size.height < textView.frame.size.height) {
        CGPoint center = CGPointMake(textView.frame.size.width * 0.5, textView.frame.size.height * 0.5);
        view.center = center;
    } else {
        view.frame = CGRectMake(0, 0, view.frame.size.width, view.frame.size.height);
    }
}

这样就达到我们想要的效果了, 下面是最终的效果图

Untitled.gif