Comment faire UITextField se comporter comme un UISearchBar dans Swift?

Salut les gars je suis en train de travailler sur une nouvelle Application à l'aide de UITableView et un UISearchBar rapide et elle fonctionne déjà très bien. Mais depuis que le projet final doit avoir une complète personnalisée barre de recherche, j'ai dû passer à UITextField en entrée, de Sortie, car les possibilités de personnalisation.

Le problème est que je ne peux pas comprendre comment le code de sorte que l'objet UITextField se comporte comme un UISearchBar. N'ai aucune idée de comment je pourrais filtrer les UITextField entrées et de rendre la chaîne utilisable avec les UISearchBarDelegate méthodes.

Si quelqu'un pouvait m'aider à sortir avec cette?

EDIT: j'ai suivi de Daniel aider et est venu avec ce code, mais il est de retour "néant", pas de travail.

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate, UITextFieldDelegate {

@IBOutlet weak var txtSearchBar: UITextField!
var searchTxt = ""
let prods = ["água", "terra", "ar", "fogo"]
var searchResults:[String] = []

override func viewDidLoad() {
    super.viewDidLoad()
    //Do any additional setup after loading the view, typically from a nib.

    txtSearchBar.delegate = self
}


func textFieldDidEndEditing(textField: UITextField) {
    searchTxt = textField.text
    println(searchTxt)
    searchResults = prods.filter({(produtos:String) -> Bool in

        let nameMatch = produtos.rangeOfString(self.searchTxt, options: NSStringCompareOptions.CaseInsensitiveSearch)

        println(nameMatch)
        return nameMatch != nil})
}

Mon entrée était les lettres "ar" mais elle est revenue "néant", quand il ne devrait pas, puisque l'un de la matrice de l'objet est "ar".

C'est une question assez vaste question. Demandez-vous comment détecter lorsque l'utilisateur tape dans le champ de texte, puis faire quelque chose avec ça? Ou comment faire une barre de portée? Ou quoi?
Ce dont j'ai besoin, c'est quand l'utilisateur appuie sur le bouton de recherche au clavier, de la tableview sera rechargé avec les éléments correspondant à la chaîne de recherche. Je veux un UITextField de travail comme si c'était un UISearchBar.

OriginalL'auteur Marco Almeida | 2014-10-19

Créer objet uitextfield:

@IBOutlet var SearchTxt: UITextField!
var search:String=""

@IBOutlet var ListTable: UITableView!
var AllData:Array<Dictionary<String,String>> = []
var SearchData:Array<Dictionary<String,String>> = []

Viewdidload:

override func viewDidLoad()
{
    super.viewDidLoad()

    AllData = [["pic":"list0.jpg", "name":"Angel Mark", "msg":"Hi there, I would like read your...", "time":"just now", "unread":"12"],
               ["pic":"list1.jpg", "name":"John Doe", "msg":"I would prefer reading on night...", "time":"56 second ago", "unread":"2"],
               ["pic":"list2.jpg", "name":"Krishta Hide", "msg":"Okey Great..!", "time":"2m ago", "unread":"0"],
               ["pic":"list3.jpg", "name":"Keithy Pamela", "msg":"I am waiting there", "time":"5h ago", "unread":"0"]
               ]

    SearchData=AllData
}

De recherche dans le champ méthode du délégué:

func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool
{
    if string.isEmpty
    {
        search = String(search.characters.dropLast())
    }
    else
    {
        search=textField.text!+string
    }

    print(search)
    let predicate=NSPredicate(format: "SELF.name CONTAINS[cd] %@", search)
    let arr=(AllData as NSArray).filtered(using: predicate)

    if arr.count > 0
    {
        SearchData.removeAll(keepingCapacity: true)
        SearchData=arr as! Array<Dictionary<String,String>>
    }
    else
    {
        SearchData=AllData
    }
    ListTable.reloadData()
    return true
}

De recherche affichage des données dans tableview :

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
    return SearchData.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
{
    let cell = tableView.dequeueReusableCell(withIdentifier: "ListCell") as! ListCell

    var Data:Dictionary<String,String> = SearchData[indexPath.row]

    cell.Pic.image=UIImage(named: Data["pic"]!)
    cell.Name.text = Data["name"]
    cell.Msg.text = Data["msg"]
    cell.Time.text = Data["time"]

    cell.selectionStyle = .none
    return cell
}

Salut Jayesh , la Bonne réponse vraiment, mais il y a un petit problème si l'utilisateur appuie sur la touche retour arrière (X) d'envisager la chaîne vide comme cause de la nouvelle pour être changé, c'est rien , de sorte que cette partie de la recherche = Chaîne de caractères(de recherche.des personnages.dropLast()) est mieux d'être search = Chaîne de caractères(textfield.texte.dropLast())

OriginalL'auteur Jayesh Miruliya

2

Votre première question semble être de savoir comment mettre en œuvre une classe qui fonctionne exactement comme la UISearchBar. Que serait une entreprise énorme!

Toutefois, dans vos notes que vous venez de demander à la façon de réagir du bouton de recherche se exploité.

Ajouter une IBAction et un second tableau à votre vue-contrôleur. Appelez le deuxième tableau, quelque chose comme "foundItems". Connectez le IBAction du bouton de recherche. Lorsque l'action est appelée, lire le texte du champ de texte et de filtrer les éléments basés sur ce texte. Mettre les éléments qui sont conformes au filtre dans la foundItems tableau, puis d'appeler reloadData() sur votre table.

Dans votre vue de la table de source de données, méthodes, vérifier pour voir si foundItems n'est pas nul. Si elle ne l'est pas, puis de les afficher à la place de vos principaux éléments de la matrice.

Vous aurez également besoin d'une sorte de bouton annuler. Dans cette action du bouton, zéro le foundItems tableau et appel reloadData() sur votre table.

Je peux voir le IBAction chose, mais je n'ai aucune idée de comment je peux faire le filtrage. C'est mon problème.
Eh bien, cela dépend de la nature des données. Mais le type du Tableau a un filter méthode. Vous devriez peut-être commencer par là.

OriginalL'auteur Daniel T.

Xcode 9.2 /Swift 4 -- Code De Travail

 @IBOutlet var tfSearchWorker: UITextField!
 @IBOutlet var tblView: UITableView!

 var AllData :Array<Dictionary<String,String>> = []
 var SearchedData:Array<Dictionary<String,String>> = []

@ViewDidLoad

 AllData = [["pic":"list0.jpg", "name":"Angel Mark", "msg":"Hi there, I would like read your...", "time":"just now", "unread":"12"],
           ["pic":"list1.jpg", "name":"John Doe", "msg":"I would prefer reading on night...", "time":"56 second ago", "unread":"2"],
           ["pic":"list2.jpg", "name":"Krishta Hide", "msg":"Okey Great..!", "time":"2m ago", "unread":"0"],
           ["pic":"list3.jpg", "name":"Keithy Pamela", "msg":"I am waiting there", "time":"5h ago", "unread":"0"]
           ]

self.SearchedData = self.AllData
self.tfSearchWorker.addTarget(self, action: #selector(searchWorkersAsPerText(_ :)), for: .editingChanged)

@Fonction

@objc func searchWorkersAsPerText(_ textfield:UITextField) {
    self.SearchedData.removeAll()
    if textfield.text?.count != 0 {
        for dicData in self.AllData {
            let isMachingWorker : NSString = (dicData.name!) as NSString
            let range = isMachingWorker.lowercased.range(of: textfield.text!, options: NSString.CompareOptions.caseInsensitive, range: nil,   locale: nil)
            if range != nil {
                SearchedData.append(dicData)
            }
        }
    } else {
        self.SearchedData = self.AllData
    }
    self.tblView.reloadData()
}

@UITableView

 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
     return self.SearchedData.count
}

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
{
     let cell = tableView.dequeueReusableCell(withIdentifier: "ListCell") as! ListCell

     var Data:Dictionary<String,String> = SearchedData[indexPath.row]

     cell.Pic.image=UIImage(named: Data["pic"]!)
     cell.Name.text = Data["name"]
     cell.Msg.text = Data["msg"]
     cell.Time.text = Data["time"]

     cell.selectionStyle = .none
     return cell
}

Pourquoi êtes-vous à l'aide d'un Objectif-C méthode pour func searchWorkersAsPerText

OriginalL'auteur Krunal Patel

Avec l'aide de @Daniel T. j'ai réussi à résoudre le problème avec le code suivant:

func textFieldShouldReturn(textField: UITextField) -> Bool {
    isFiltered = true
    searchResults = prods.filter({(coisas:String) -> Bool in
        let stringMatch = coisas.rangeOfString(textField.text)
        return stringMatch != nil

    })
    println(searchResults.description)
    textField.resignFirstResponder()
    table.reloadData()
    return true
}

Merci @Daniel T.

OriginalL'auteur Marco Almeida

Vous devez vous connecter pour publier un commentaire.