Rechts ausrichten Lupe-Symbol in UISearchBar

In Cocoa-Touch finden wir eine Kontrolle UISearchBar. Ich brauche, um es anzupassen, so dass das suchen-Symbol (die wir auf führt die jeweilige Aktion) in der "textfield" rechts ausgerichtet. In der Regel finden wir es Links ausgerichtet. Ist es möglich, dies zu tun? Ich habe getan, R & D, aber konnte ihn nicht finden ...

Wie kann ich es tun? Gibt es gute tutorials, wo wir es finden können?

InformationsquelleAutor Honey | 2013-04-06
  1. 18

    Leider die UISearchBar war nicht entworfen, um direkt unterstützen. Das zu erreichen, was wir wollen, ist es wahrscheinlich, dass wir gehen zu müssen, um Lösungen, die Kompromisse visuell oder Funktionalität weisen oder schreiben Sie eine Menge von Customizing-code.

    Ich umrissen habe ein paar Ansätze, die an das heranzukommen, was wir wollen und von nutzen sein kann.

    Zugriff Auf Untersichten Ansatz

    Den text innerhalb einer UISearchBar ist ein UITextField ist eine Untersicht, die UISearchBar und ist zugänglich durch die in der Regel bedeutet, d.h. view.subviews.

    Der Lupe suchen Symbol ist ein UIImageView im leftView Eigenschaft des UITextField. Wir können schalten Sie es über zu den rechts mit dem folgenden code:

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

    Gibt uns das folgende Ergebnis:

    Rechts ausrichten Lupe-Symbol in UISearchBar

    Wie Sie sehen können, das Symbol überlauf an den Rand des abgerundeten Rechtecks und das Symbol "löschen" ist verschwunden. Darüber hinaus rightView Eigenschaft bestimmt war für andere Inhalte, wie die Ergebnisse der Suche-button und die Schaltfläche "Lesezeichen". Setzen Sie das Symbol "suchen" hier kann es zu Konflikten mit dieser Funktionalität in irgendeiner Weise, selbst wenn Sie waren in der Lage, die Polsterung des offsets positioniert ihn entsprechend.

    Zumindest können Sie diese Methode verwenden, um zu extrahieren das Symbol als UIImageView und positionieren Sie es explizit, wo Sie sehen, passen, wie alle anderen anzeigen und schreiben von benutzerdefiniertem code zu behandeln, Tippen Sie auf Veranstaltungen etc.

    Anpassung Ansatz

    In iOS v5.0 und später, Sie können das Aussehen von der Suche nach bars mit den aufgeführten Methoden hier. Der folgende code macht Gebrauch von offsets auf die position das Symbol und der text innerhalb der UISearchBar:

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

    Auf einem standard - UISearchBar 320 Breite sieht es wie folgt aus:

    Rechts ausrichten Lupe-Symbol in UISearchBar

    Dies würde halten alle mit dem event verbundenen Funktionen werden mit dem Symbol funktioniert wie erwartet, aber leider ist die UITextField verwirrt ist, und trotz seiner Breite, es zeigt nur einen sehr kleinen Teil von seinem text. Wenn Sie könnte einen Weg finden, dass der text zur Anzeige, die darüber hinausgeht, was es glaubt, das Ende der UITextField, dies wird wahrscheinlich Ihre beste Wette.

    • Danke für die info...
    • Ich m nicht in der Lage, rightView der Suchleiste in ios 7, nicht u wissen, wie man es in ios 7?
    • Sehr hilfreich, Danke!
    • Durchqueren Untersichten von UISearchBar zu suchen UITextField nicht funktioniert seit iOS 8 so ging es Stufe tiefer. Aber dieses UITextField *textField = [self valueForKey:@"_searchField"]; funktioniert einwandfrei. Aber trotzdem habe ich nicht mit dem zweiten Teil der Stich (in der den Zugriff auf Untersichten Ansatz) auf iOS8,9.
    • "Anpassung Ansatz" Teil ist noch gültig bis iOS 10, iOS 11.
    InformationsquelleAutor Elliott James Perry
  2. 0

    Meine Anforderung war, dass das suchen-Symbol sollte auf der rechten, und die, die es verbergen sollte, Wann immer das X-Symbol auftauchte.

    Kam ich auf eine ähnliche Lösung wie oben, aber ein bisschen anders und auch mit Swift 2 und AutoLayout. Die grundlegende Idee ist, verstecken Sie die linke Ansicht, erstellen Sie eine neue Ansicht mit der Lupe Bild, und verwenden, autolayout für pin es auf der rechten Seite. Dann nutzen Sie UISearchBarDelegate Methoden zum ausblenden der such-icon, wenn die Suchleiste text ist nicht leer.

    class CustomSearchView: UIView {
  //the magnifying glass we will put on the right
  lazy var magnifyingGlass = UIImageView()
  @IBOutlet weak var searchBar: UISearchBar!

  func commonInit() {
    searchBar.delegate = self
    searchBar.becomeFirstResponder()

    //find the search bar object inside the subview stack
    if let searchField = self.searchBar.subviews.firstObject?.subviews.filter(
        {($0 as? UITextField) != nil }).firstObject as? UITextField {
        //hides the left magnifying glass icon
        searchField.leftViewMode = .Never
        //add a magnifying glass image to the right image view.  this can be anything, but we are just using the system default
        //from the old left view
        magnifyingGlass.image = (searchField.leftView! as? UIImageView)?.image
        //add the new view to the stack
        searchField.addSubview(magnifyingGlass)

        //use autolayout constraints to pin the view to the right
        let views =  ["view": magnifyingGlass]
        magnifyingGlass.translatesAutoresizingMaskIntoConstraints = false
        searchField.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat(
            "H:[view(12)]-|", options: [], metrics: nil, views: views))
        searchField.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat(
            "V:[view]-|", options: [], metrics: nil, views: views))
    }
  }
  //hides whenever text is not empty
  func searchBar(searchBar: UISearchBar, textDidChange searchText: String) {
    magnifyingGlass.hidden = searchText != ""
  } 
 }
    InformationsquelleAutor gregkerzhner
Schreibe einen Kommentar