Dodaj obraz do UITextField w Xcode?

Question

Muszę wdrożyć koncepcję dropdown w Xcode.

W tym celu używam UIPickerview.

Ten pickerView ładuje się, gdy zostanie wywołane pole tekstowe (w textFieldDidBeginEditing:).

Pytanie:

Czy istnieje sposób, że mogę dodać zdjęcie do TextField?

Obraz jest jak znak strzałki, dzięki któremu użytkownik może zrozumieć, że dropdown pojawia się po stuknięciu textfield. Jak mogę to zrobić?

Answer 1

UITextField ma właściwość rightView, jeśli masz obraz jak to- Następnie można łatwo ustawić obiekt ImageView na prawy widok:

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

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

Answer 2

UITextField ma następującą właściwość:

@property(nonatomic, retain) UIImage *background 

przykład:

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

Answer 3

hej kolego chcesz rozwijanej Widok następnie zobaczyć ten widok niestandardowy rozwijaną ..

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

i do tego wymogu użyć tego kodu

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]; 

i ustawić textfield styl obramowania żaden ..

Answer 4

Możesz umieścić UIImageView na po lewej stronie twojego 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

w Swift:

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

Answer 6

Aby dodać odpowiednie marginesy/Podkładki pomiędzy obrazem i tekstowym, spróbuj tego kodu poniżej. Rozwijanie odpowiedzi @ King-Wizard.

Tutaj wysokość mojego pola tekstowego wynosi 44 Sprawdź załączony obraz w celach informacyjnych.

Swift Wersja:

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

Krok 1: Dodaj klasę do projektu i dodać go do swojej klasy textFiled w inspektora tożsamości

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 
    } 
} 

Krok 2: Umożliwia ustawienie wstawek tekstu i lewego obrazu z kreatora interfejsu.

Krok 3: Zapraszamy.

Answer 8

Swift 3,0

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