Come posso creare un UITextField più arrotondato? Come il campo di ricerca in Safari su iPad

Question

HI Sto cercando di ottenere un UITextField simile al campo di ricerca di Google disponibile nell'app safari su iPad. Lo scopo del campo sarà lo stesso (una casella di ricerca).

So che potrei usare un UISearchBar ma dovrei usare il codice di hackish per eliminare l'icona della lente di ingrandimento e lo sfondo e non lo voglio.

Allego un'immagine con il campo di testo utilizzato da Apple come casella di ricerca. Come posso modificare un UITextField per apparire e comportarmi come il campo di ricerca in questo screenshot?

Ho provato a modificare la proprietà arrotondata del layer di UITextField ma questo non funziona come previsto.

Qualsiasi aiuto è molto apprezzato!

Grazie!

Answer 1

Utilizzare un grafico con i bordi arrotondati desiderati e quindi posizionare una vista testo in alto.

Answer 2

Perché non provare a fare un trucco con un'immagine separata del campo di input necessario e posizionandolo sotto il controllo TextField reale. Tuttavia dovrai manipolare i colori del campo di testo che stai posizionando per renderlo trasparente.

Answer 3

È possibile impostare il raggio dell'angolo su qualsiasi sottoclasse UIView.

1. Aggiungere il QuartzCore.framework al progetto
2. aggiungere #import <QuartzCore/QuartzCore.h> nel vostro UIViewController sottoclasse (dove si ha accesso all'istanza UITextField di vostra scelta
3. entro viewDidLoad/viewWillAppear (o in qualsiasi altro luogo in cui il vostro UITextField è giá istanziato chiamata [yourTextField.layer setCornerRadius:14.0f];
4. gioco intorno con il valore cornerRadius fino a che non guarda bene

Answer 4

Set sfondo prope rty di UITextField a un'immagine appropriata, come questo:

Answer 5

Utilizzare il seguito code.It funziona per me:

searchField= [[UITextField alloc] initWithFrame:CGRectMake(0,0,150,31)]; 
searchField.delegate = self; 
searchField.autoresizingMask = UIViewAutoresizingFlexibleWidth; 
searchField.textColor = [UIColor colorWithRed:102.0/255 green:102.0/255 blue:102.0/255 alpha:1.0]; 
searchField.textAlignment = UITextAlignmentLeft; 
searchField.font = [UIFont fontWithName:@"Helvetica" size:15]; 
searchField.autocorrectionType = UITextAutocorrectionTypeNo; 
searchField.contentVerticalAlignment =UIControlContentVerticalAlignmentCenter; 
searchField.clearsOnBeginEditing = NO; 
searchField.autocapitalizationType = UITextAutocapitalizationTypeNone; 
searchField.autocorrectionType = UITextAutocorrectionTypeNo; 
searchField.keyboardType = UIKeyboardTypeURL; 
searchField.returnKeyType = UIReturnKeySearch;   
searchField.clearButtonMode = UITextFieldViewModeWhileEditing; 
searchField.rightViewMode = UITextFieldViewModeUnlessEditing; 
searchField.layer.cornerRadius = 17; 
searchField.placeholder=@"Google Search"; 
searchField.borderStyle = UITextBorderStyleRoundedRect;//To change borders to rounded 
searchField.layer.borderWidth = 1.0f; //To hide the square corners 
searchField.layer.borderColor = [[UIColor grayColor] CGColor]; //assigning the default border color 
UIBarButtonItem *searchFieldItem = [[UIBarButtonItem alloc] initWithCustomView:searchField];