美文网首页
UItextFiled的怎么改变左视图距左边框的距离

UItextFiled的怎么改变左视图距左边框的距离

作者: 杨桃wd | 来源:发表于2017-02-23 08:50 被阅读0次

最近做的一个项目中,需要实现如下这样的设计:


设计图.png

这个设计中,有三个点是需要注意的:

  • UITextFiled的左视图距左边框的距离怎么设置?
  • UITextField的文字距离左视图要有一定的距离
  • UITextField的底部边框怎么写

要想完成前两点,其实只要写一个CustomTextField类,即成自UITextField,并重写里面的三个方法,代码如下:

//这是需要重写的第一个方法:是让左视图往右偏移10个像素
- (CGRect)leftViewRectForBounds:(CGRect)bounds
{
    CGRect iconRect = [super leftViewRectForBounds:bounds];
    iconRect.origin.x += 10; //向右偏移10像素
    return iconRect;
}
//UItextField文字与输入框的距离
- (CGRect)textRectForBounds:(CGRect)bounds
{
    return CGRectInset(bounds, 43, 0);
}
//控制文本的位置
- (CGRect)editingRectForBounds:(CGRect)bounds
{
    return CGRectInset(bounds, 43, 0);
}

UI底部框的实现方式如下:

CALayer *bottmPhoneBorder = [CALayer layer];
bottmPhoneBorder.backgroundColor = K22C1AEColor.CGColor;
bottmPhoneBorder.frame = CGRectMake(0, _phoneNumTextFiled.frame.size.height-1, _phoneNumTextFiled.frame.size.width, 1); [_phoneNumTextFiled.layer addSublayer:bottmPhoneBorder];

相关文章

  • UItextFiled的怎么改变左视图距左边框的距离

    最近做的一个项目中,需要实现如下这样的设计: 这个设计中,有三个点是需要注意的: UITextFiled的左视图距...

  • 盒子的简单应用

    内边距就是内边距到边框的距离。 padding :上 右 下 左 四边分别设置 padding:上 右 下 上下...

  • 学习笔记(盒子深入)

    盒子尺寸构成 一个盒子的宽度构成:左外边距 + 左边框宽 + 左内边距 + width值 + 右内边距 + 右边...

  • 今天的知识点

    float=left左浮动 float=right右浮动 podding内边距 margin外边距 边框 b...

  • 盒子模型

    最终元素的总宽度计算公式是这样的: 总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距 元素的总高...

  • hc16(13-1~14-2)

    盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左...

  • 慕课网6 css 简写 颜色值 长度值

    盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左...

  • HTML+CSS学习笔记 (13) - CSS代码缩写,占用更少

    盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左...

  • 2018-08-28

    盒子模型 宽高:元素的宽高 外边距:距相邻元素或上级元素的距离 边框:元素的边框 内边距:内容距元素边框的距离 粘...

  • flutter-实现一个简单的展开收起动画

    使用Tween动画,改变控件距左距离展开时,展示菜单控件,动画正向执行;收起后,动画反向执行,隐藏菜单控件;

网友评论

      本文标题:UItextFiled的怎么改变左视图距左边框的距离

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