给 UITextField 添加左侧指示图片(类似微信登录框)

2015-3-22   /   字数:459   /   阅读数:35364   /   分类: iOS & Swift     

微信登录界面的密码输入框左侧有一个小图标:

Image

这种效果该如何实现呢?要自定义一个类集成 UITextField 增加一张图片吗?不用,UITextField 自带了一个 leftView 属性,非常好用:

class ViewController: UIViewController {

    @IBOutlet weak var newTextField: UITextField!
    override func viewDidLoad() {
        super.viewDidLoad()

        newTextField.leftView = UIImageView(image: UIImage(named: "phone"))
        newTextField.leftViewMode = UITextFieldViewMode.Always
    }
}

结果如下:

Image

最关键的地方,这个叫 phone 的图片是下面这个样子的(背静已经替换为蓝色)

Image


搞定!

WRITTEN BY

avatar

评论:

swift123
2016-08-16 14:13
UILabel 没有leftView,UILabel 怎么添加
夕颜
2016-08-11 15:28
图片 紧靠左面  左面解决 大神
xiaoli
2016-05-18 14:56
这个图标的大小可以设置吗  可以邮件告知吗
xiaoli
2016-05-18 14:55
这个图标的大小可以设置吗
L
2016-07-13 16:46
@xiaoli:可以
Ronda
2015-04-23 11:29
还是嵌套个View比较好自由控制
Boolean93
2015-04-23 11:15
这样有点蛋疼, 自己加padding不能适应更复杂的需求~~YY一下,可以套个View来做下padding嘛~
lin
2015-04-15 23:08
这个方法就是得自己做图片,给图片加透明的padding
所以感觉leftView还是略坑

发表评论:

© 2011-2024 岁寒  |  Powered by Emlog