在Xcode中添加圖像到UITextField？

Question

我需要在Xcode中實現dropdown的概念。爲此，我使用的是UIPickerview。

這個pickerView會在點擊textfield（在textFieldDidBeginEditing：）事件時加載。

問：

有沒有一種方法，我可以將圖像添加到TextField？

圖像就像是一個箭頭標記，用戶可以通過該標記了解dropdown在textfield被點擊時出現。我可以如何製作它？

Answer 1

的UITextField有rightView屬性，如果你有像喜歡這個 - 然後你可以伊斯利設置的ImageView對象rightView：

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

myTextField.rightViewMode = UITextFieldViewModeAlways; 
myTextField.rightView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"downArrow.png"]];

Answer 2

的UITextField具有以下特性：

@property(nonatomic, retain) UIImage *background 

例如：

UITextField *myTextField = [[UITextField alloc] init]; 
myTextField.background = [UIImage imageNamed:@"myImage.png"]; 

Answer 3

嘿隊友你想下拉列表視圖，然後看到這個定製下拉觀點..

1. http://code.google.com/p/dropdowndemo/downloads/list
2. http://ameyashetti.wordpress.com/2010/09/26/drop-down-demo/

，爲此需要使用此代碼

UITextField *txtstate =[[UITextField alloc]init]; [txtstate setFrame:CGRectMake(10, 30,170, 30)]; 
txtstate.delegate=self; 

txtstate.text=@"Fruits"; 

txtstate.borderStyle = UITextBorderStyleLine; 

txtstate.background = [UIImage imageNamed:@"dropdownbtn.png"]; 

[txtstate setAutocorrectionType:UITextAutocorrectionTypeNo]; 
[self.view addSubview:txtstate]; 

並設置文本框的邊框樣式沒有..

Answer 4

你可以把UIImageView到您的UITextField的左側。

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

Answer 5

在斯威夫特：

textField.leftViewMode = UITextFieldViewMode.Always 
textField.leftView = UIImageView(image: UIImage(named: "imageName")) 

Answer 6

要添加圖像和文本字段之間適當的利潤率/墊襯，試試下面這段代碼。 擴展@ King-Wizard的答案。

這裏我的TextField的高度是44 檢查附加的圖像以供參考。

斯威夫特版本：

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 

Answer 7

第1步：這個類添加到您的項目，並把它添加到您的textFiled的身份檢查類，

class MyCustomTextField: UITextField { 

    @IBInspectable var inset: CGFloat = 0 

    @IBInspectable var leftImage: String = String(){ 
     didSet{ 
      leftViewMode = UITextFieldViewMode.Always 
      leftView = UIImageView(image: UIImage(named: leftImage)) 
     } 
    } 

    override func textRectForBounds(bounds: CGRect) -> CGRect { 
     return CGRectInset(bounds, inset, inset) 
    } 

    override func editingRectForBounds(bounds: CGRect) -> CGRect { 
     return textRectForBounds(bounds) 
    } 

    override func leftViewRectForBounds(bounds: CGRect) -> CGRect { 
     return CGRectInset(CGRectMake(0, 2, 40, 40), 10, 10) //Change frame according to your needs 
    } 
} 

步驟2：從界面構建器設置文本插圖和左側圖像。

第3步：享受。

Answer 8

雨燕3.0

txtField.rightViewMode = .always 
txtField.rightView = UIImageView(image: UIImage(named: "selectdrop"))