美文网首页iOS点点滴滴iOS Developer
UITextField输入时文字下移解决方案

UITextField输入时文字下移解决方案

作者: xiaoaihhh | 来源:发表于2018-02-12 17:04 被阅读372次

问题

UITextField作为输入常用控件,但是问题却很多,本篇主要用于解决以下两个问题。

  • 输入时文字位置自动下移;
  • 自动布局时横屏转竖屏左侧多出大片空白;

当设置masksToBounds = YES时,如果文字长度超过了TextField的宽度,那么文字位置就会下移,如下图:

image

当设置masksToBounds = NO时,如果文字长度超过了TextField的宽度且输入速度过快,那么TextField左侧会有文字闪动的问题,且删除文字时文字也会下移,如下图:

image

当文字长度超过了TextField的宽度由竖屏变为横屏时,那么TextField左侧会有大片空白,如下图:

image

原因分析

UITextField结构如下图,当编辑时会成了UIFieldEditorUIFieldEditor是继承UIScrollView,UIFieldEditor有一个子视图_UIFieldEditorContentView, _UIFieldEditorContentView用于展示文字和光标(UITextSelectionView)。

image

当编辑时,_UIFieldEditorContentView的frame会动态改变,UIFieldEditorcontentOffset也会改变,因此就出现了文字下移的问题。

解决方法

因此要防止文字下移,必须设置UIFieldEditor的contentOffset的y值为0,如果想解决第二张图中输入较快时左侧闪动,则需设置masksToBounds = YES(使用者可自己设置)。

说明:即使设置了UIFieldEditor的contentOffset的y值为0,如果此时设置masksToBounds = YES,那么光标下移问题依然存在,这是由于_UIFieldEditorContentView的frame的高度和y值改变导致的,因此需要动态调整UIFieldEditor在y方向的偏移量。

为了解决前三张图中问题,首先定义HHHTextField继承自UITextField,在layoutSubviews中动态进行布局,代码如下:


@interface HHHTextField()
{
    CGFloat _defaultYOffset; //标记_FieldEditorContentView初始偏y方向移量
}
@end


@implementation HHHTextField

- (void)layoutSubviews {
    [super layoutSubviews];
    for (UIScrollView *fieldEditor in self.subviews) {
        if ([fieldEditor isKindOfClass:[UIScrollView class]]) { // UIFieldEditor
            CGFloat currentYOffset = 0.0f;
            for (UIView *fieldEditorContentView in fieldEditor.subviews) { //_FieldEditorContentView
                currentYOffset = fieldEditorContentView.frame.origin.y;
                if (_defaultYOffset == 0.0f && currentYOffset != 0.0f) {
                    _defaultYOffset = currentYOffset;
                }
            }
            CGPoint offset = fieldEditor.contentOffset;
            if (currentYOffset == 0.0f && _defaultYOffset != 0.0f) {
                offset.y = -_defaultYOffset;
            } else {
                offset.y = 0.0f;
            }
            if (self.text.length == 0 && self.attributedText.length == 0) { //字体为空时重置_defaultYOffset
                offset.y = 0.0f;
                _defaultYOffset = 0.0f;
            }
            fieldEditor.contentOffset = offset;
            break;
        }
    }
}

@end

源码示例HHHTextField

相关文章

网友评论

    本文标题:UITextField输入时文字下移解决方案

    本文链接:https://www.haomeiwen.com/subject/ohfdtftx.html