Aligner à droite l'icône de la loupe dans UISearchBar

Malheureusement, le UISearchBar n'a pas été conçu pour soutenir directement cette. Dans l'accomplissement de ce que nous voulons, il est probable que nous allons avoir à utiliser les solutions de compromis visuellement ou la fonctionnalité sage ou écrire beaucoup de personnalisation de code.

J'ai décrit un couple d'approches que se rapprocher de ce que nous voulons, et peut-être de les utiliser.

Accéder À Des Sous-Vues Approche

Le texte à l'intérieur d'un UISearchBar est un UITextField qui est une sous-vue de UISearchBar et est accessible par le signifie généralement c'est à dire view.subviews.

La loupe de l'icône de recherche est un UIImageView dans le leftView propriété de la UITextField. Nous pouvons basculer vers la droite en utilisant le code suivant:

//The text within a UISearchView is a UITextField that is a subview of that UISearchView.
UITextField *searchField;
for (UIView *subview in self.searchBar.subviews)
{
    if ([subview isKindOfClass:[UITextField class]]) {
        searchField = (UITextField *)subview;
        break;
    }
}

//The icon is accessible through the 'leftView' property of the UITextField.
//We set it to the 'rightView' instead.
if (searchField)
{
    UIView *searchIcon = searchField.leftView;
    if ([searchIcon isKindOfClass:[UIImageView class]]) {
        NSLog(@"aye");
    }
    searchField.rightView = searchIcon;
    searchField.leftViewMode = UITextFieldViewModeNever;
    searchField.rightViewMode = UITextFieldViewModeAlways;
}

Qui nous donne le résultat suivant:

Comme vous pouvez le voir l'icône de dépassements de la bordure du rectangle arrondi et l'icône effacer a disparu. En outre, la rightView propriété a été prévu pour d'autres contenus tels que les résultats de la recherche bouton et bouton signets. Mettre l'icône de recherche ici peuvent entrer en conflit avec cette fonctionnalité, d'une certaine façon, même si vous avez été en mesure d'utiliser un rembourrage de crédits à la position appropriée.

Dans le moins, vous pouvez utiliser cette approche pour extraire l'icône comme un UIImageView et la position explicitement où bon vous semble tant que vous le feriez pour tout autre point de vue, et d'écrire du code personnalisé pour la poignée du robinet d'événements, etc.

Personnalisation De L'Apparence De L'Approche

Dans iOS v5.0 et plus tard, vous pouvez personnaliser l'apparence des barres de recherche en utilisant l'une des méthodes indiquées ici. Le code suivant permet d'utiliser des décalages de la position de l'icône et du texte dans le UISearchBar:

[self.searchBar setPositionAdjustment:UIOffsetMake(255, 0) forSearchBarIcon:UISearchBarIconSearch];
[self.searchBar setSearchTextPositionAdjustment:UIOffsetMake(-270, 0)];

Sur un standard UISearchBar d'une largeur de 320 pixels, il ressemble à la suivante:

Cela permettrait de garder toutes les fonctionnalités associées avec l'icône de travail que prévu, mais malheureusement la UITextField est confus et malgré sa largeur, il affiche seulement une très petite partie de son texte. Si vous pouviez trouver un moyen pour permettre le texte à afficher au-delà de ce qu'il croit être la fin de la UITextField, ce sera probablement votre meilleur pari.

OriginalL'auteur Elliott James Perry