Comment puis-je créer un objet UITextField plus complet? Comme le champ de recherche dans Safari sur iPad

SALUT, je vais essayer d'obtenir un UITextField ressembler le champ de recherche de google disponible dans l'appli safari sur iPad. Le but du champ sera la même (zone de recherche).

Je sais que je pourrais utiliser un UISearchBar mais je dois utiliser hackish code pour se débarrasser de l'icône de la loupe et à l'arrière-plan et je n'en veux pas.

Je vais joindre une image à la zone de texte utilisé par apple dans leur zone de recherche. Comment puis-je modifier un objet UITextField ressemblent et se comportent comme le champ de recherche dans cette capture d'écran?
Comment puis-je créer un objet UITextField plus complet? Comme le champ de recherche dans Safari sur iPad

J'ai essayé de modifié le UITextField de la couche roundedCorners bien, mais cela ne fonctionne pas comme prévu.

Toute aide est grandement appréciée!

Merci!

source d'informationauteur Horatiu Paraschiv

  1. 17

    Vous pouvez régler l'Angle du Rayon sur tout UIView-sous-classe.

    1. Ajouter le QuartzCore.cadre de votre projet
    2. ajouter #import <QuartzCore/QuartzCore.h> dans votre sous-classe UIViewController (où vous avez accès à l'objet UITextfield instance de votre choix
    3. dans viewDidLoad /viewWillAppear (ou à tout autre endroit de votre UITextfield est déjà instancié appel [yourTextField.layer setCornerRadius:14.0f];
    4. jouer avec les cornerRadius valeur jusqu'à ce qu'il semble bon
  2. 10

    Utiliser le code ci-dessous.Il fonctionne pour moi:

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

    Arrière-plan de la propriété de l'objet UITextField à une image appropriée, comme celle-ci:
    Comment puis-je créer un objet UITextField plus complet? Comme le champ de recherche dans Safari sur iPad

  4. 0

    Pourquoi n'essayez-vous pas un truc à la fabrication de l'image distincte de la zone de saisie dont vous avez besoin et de le placer sous le véritable champ de contrôle. Cependant, vous devrez manipuler les couleurs de la zone de texte que vous placez sur afin de la rendre transparente.

  5. -4

    Utiliser un graphique avec les bords arrondis que vous voulez et puis la position d'un textview sur le dessus.