在Xcode中将图像添加到UITextField?

Hon*_*ney 67 iphone xcode uipickerview uitextfield

在此输入图像描述

我需要dropdown在Xcode中实现这个概念.

为此,我正在使用UIPickerview.

当点击文本字段(在textFieldDidBeginEditing :)上时,会加载此pickerView.

题:

有没有办法,我可以添加图像TextField

图像就像一个箭头标记,用户可以通过它来理解点击时dropdown出现的内容.textfield我该如何制作?

May*_*ari 150

UITextField有一个rightView属性,如果你有这样的图像 -在此输入图像描述 然后您可以轻松地将ImageView对象设置为rightView:

UITextField *myTextField = [[UITextField alloc] init];

myTextField.rightViewMode = UITextFieldViewModeAlways;
myTextField.rightView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"downArrow.png"]];
Run Code Online (Sandbox Code Playgroud)

  • 如果我在textField上添加图像左侧.我们如何管理图像和文本之间的间距. (9认同)

Kin*_*ard 39

在Swift中:

textField.leftViewMode = UITextFieldViewMode.Always
textField.leftView = UIImageView(image: UIImage(named: "imageName"))
Run Code Online (Sandbox Code Playgroud)


Erh*_*rci 31

你可以放在你UIImageView的左边UITextField.

UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(96, 40, 130, 20)];
[textField setLeftViewMode:UITextFieldViewModeAlways];
textField.leftView= [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"searchIccon.png"]];
Run Code Online (Sandbox Code Playgroud)


Sou*_*rma 11

Swift 3.0

txtField.rightViewMode = .always
txtField.rightView = UIImageView(image: UIImage(named: "selectdrop"))
Run Code Online (Sandbox Code Playgroud)

带DropDown图标的TextField


kis*_*747 6

要在图像和文本字段之间添加适当的边距/填充,请尝试以下代码.扩展@ King-Wizard的答案.

这里TextField的高度为44检查附加图像以供参考.

Swift版本:

emailTF.leftViewMode = .Always
let emailImgContainer = UIView(frame: CGRectMake(emailTF.frame.origin.x, emailTF.frame.origin.y, 40.0, 30.0))
let emailImView = UIImageView(frame: CGRectMake(0, 0, 25.0, 25.0))
emailImView.image = UIImage(named: "image1")
emailImView.center = emailImgContainer.center
emailImgContainer.addSubview(emailImView)
emailTF.leftView = emailImgContainer
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述