JVFloatLabeledTextField - 浮动文字的输入框

https://github.com/jverdi/JVFloatLabeledTextField
5000 + star

简单来说:是额外添加了一个 Label,在文本输入变化时,控制了Label 的位置等属性。
注1:实际项目可能不太用得着,个人项目可以考虑用或者写一个不一样的。
注2:TextView,也有一样的效果。

使用简单

继承直接用,修改几个属性可以调整。

  • 1 额外属性
    几种初始化方法都可以,xib也是ok的。
    JVFloatLabeledTextField *field = [JVFloatLabeledTextField new];
    field.floatingLabelXPadding = 10.;// 浮动文字偏移(下同)
    field.floatingLabelYPadding = 2.;
    field.placeholderYPadding = 2.;// 输入文字偏移

    field.floatingLabelFont = [UIFont systemFontOfSize:10];
    field.floatingLabelTextColor = [UIColor redColor];// 一般时 浮动文字颜色
    field.floatingLabelActiveTextColor = [UIColor greenColor];// 正在输入时 浮动文字颜色
    field.alwaysShowFloatingLabel = NO;// 一直显示浮动文字

    field.animateEvenIfNotFirstResponder = YES;// 直接对field 赋值,是否需要动画
    field.floatingLabelShowAnimationDuration = 0.25;// 动画显示 浮动的label 的时间,默认0.3
    field.floatingLabelHideAnimationDuration = 0.25;// 同上,因为苹果自带喜欢0.25
    
    field.adjustsClearButtonRect = YES;// 删除按钮,与文本对齐
    field.keepBaseline = YES;// 提示文字与输入文字,基线对齐
    
    [self.view addSubview:field];


  • 2 本身 field 的属性
    // 属性不多说了,注意添加 placeholder 才有上面所有设置的效果,不然白搭。
    field.placeholder = @"请输入密码";

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,556评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • 第一章 熟悉Objective-C 1.了解Objective-C语言起源 OC与C++、Java等面向对象语言类...
    Karen_阅读 409评论 0 3
  • 开课是一位女士叫邻三月主持。能力强的运营小能手。我是不及时输出的,有些许输入,有时头脑风暴,风暴时“爽翻”的心情,...
    怪好阅读 214评论 0 0
  • 记得在三年前你给我写了一封很长很长的信可那时的我没有好好阅读 三年之后 我终于有时间回过头来想想 扎辫子 很自豪可...
    刺猬夭夭阅读 415评论 0 0