web-dev-qa-db-ja.com

swift）のテーブルビューにプログラムで検索バーを追加する

テーブルビューを入力ビューとして表すテキストフィールドがあります。このテーブルビューに2つ追加したいと思います。

1）検索バーを追加します。
2）テーブルビューの上部にキャンセルボタンを追加します。

class enterYourDealVC: UIViewController, UITableViewDataSource, UITableViewDelegate, UISearchBarDelegate, UISearchDisplayDelegate, UISearchResultsUpdating {
var tableView: UITableView  =   UITableView()
let searchController = UISearchController(searchResultsController: nil)

var dealAirports = [
    airPorts(name: "Airport1", shortcut: "AP1")!),
    airPorts(name: "Airport2", shortcut: "AP2")!)
]
var filteredAirports = [airPorts]()


//view did load
    tableView = UITableView(frame: UIScreen.mainScreen().bounds, style: UITableViewStyle.Plain)
    tableView.delegate      =   self
    tableView.dataSource    =   self
    tableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: "cell")

    searchController.searchResultsUpdater = self
    searchController.dimsBackgroundDuringPresentation = false
    definesPresentationContext = true
    tableView.tableHeaderView = searchController.searchBar
    toTextField.inputView = self.tableView

//here is my search function
func filterContentForSearchText(searchText: String, scope: String = "All") {
    filteredAirports = dealAirports.filter { ap in
        return ap.name.lowercaseString.containsString(searchText.lowercaseString)
    }

    tableView.reloadData()
}
}

問題はこのコードにあり、検索しません。また、検索バーをクリックすると、テーブルビューが閉じられ、viewcontrollerに戻ります。どうすればこれを修正できますか？

このテーブルビューにキャンセルボタンを追加するにはどうすればよいですか？

iosswiftuitableviewuisearchbar
5
Berk Kaya

これにより、SeachBarが追加されます

lazy var searchBar:UISearchBar = UISearchBar()

override func viewDidLoad()
{
    searchBar.searchBarStyle = UISearchBarStyle.Prominent
    searchBar.placeholder = " Search..."
    searchBar.sizeToFit()
    searchBar.translucent = false
    searchBar.backgroundImage = UIImage()
    searchBar.delegate = self
    navigationItem.titleView = searchBar

}

func searchBar(searchBar: UISearchBar, textDidChange textSearched: String)
{
    ...your code...
}
15
Marco Castano

Swift 4.1およびXcode9.4.1

ステップ1

UISearchBarDelegateをViewControllerに追加します。

ステップ2

//Write this code in viewDidLoad() or your required function
let searchBar:UISearchBar = UISearchBar()
//IF you want frame replace first line and comment "searchBar.sizeToFit()"
//let searchBar:UISearchBar = UISearchBar(frame: CGRect(x: 10, y: 10, width: headerView.frame.width-20, height: headerView.frame.height-20))
searchBar.searchBarStyle = UISearchBarStyle.prominent
searchBar.placeholder = " Search..."
searchBar.sizeToFit()
searchBar.isTranslucent = false
searchBar.backgroundImage = UIImage()
searchBar.delegate = self
yourViewName.addSubview(searchBar)//Here change your view name

ステップ

func searchBar(_ searchBar: UISearchBar, textDidChange textSearched: String) {
    //your code here....
}
3
iOS

//検索用の最初の書き込みデリゲート "UISearchBarDelegate" //マーク：-検索ボタンアクション

@IBAction func searchWithAddress(_ sender: Any) {
let searchController = UISearchController(searchResultsController: nil)
searchController.searchBar.delegate = self
self.present(searchController, animated: true, completion: nil)
}
1
Sai kumar Reddy

これがSwiftのコードスニペットです。詳細については、コメントで言及されているApple Docを参照してください。

ISearchDisplayControllerはIOS8.0で非推奨になり、UISearchControllerの使用をお勧めします

これがあなたに大いに役立つことを願っています

ContactTVC

class ContactTVC:UITableViewController{   
// MARK: Types
/// State restoration values.
enum RestorationKeys : String {
    case viewControllerTitle
    case searchControllerIsActive
    case searchBarText
    case searchBarIsFirstResponder
}

struct SearchControllerRestorableState {
    var wasActive = false
    var wasFirstResponder = false
}


/*
 The following 2 properties are set in viewDidLoad(),
 They an implicitly unwrapped optional because they are used in many other places throughout this view controller
 */

/// Search controller to help us with filtering.
var searchController: UISearchController!

/// Secondary search results table view.
var resultsTableController: ResultsTableController!

/// Restoration state for UISearchController
var restoredState = SearchControllerRestorableState()
var arrayContacts: Array<CNContact> = []
var searchResultArrayContacts: Array<CNContact> = []

override func viewDidLoad() {
    super.viewDidLoad()

    resultsTableController = ResultsTableController()
// We want to be the delegate for our filtered table so didSelectRowAtIndexPath(_:) is called for both tables.
    resultsTableController.tableView.delegate = self

    searchController = UISearchController(searchResultsController: resultsTableController)

    searchController.searchResultsUpdater = self
    searchController.searchBar.sizeToFit()
    tableView.tableHeaderView = searchController.searchBar

    searchController.delegate = self
    searchController.dimsBackgroundDuringPresentation = false // default is YES
    searchController.searchBar.delegate = self    // so we can monitor text changes + others

  /*
     Search is now just presenting a view controller. As such, normal view controller
     presentation semantics apply. Namely that presentation will walk up the view controller
     hierarchy until it finds the root view controller or one that defines a presentation context.
     */

    definesPresentationContext = true

}

override func viewDidAppear(animated: Bool) {
    super.viewDidAppear(animated)

    // Restore the searchController's active state.
    if restoredState.wasActive {
        searchController.active = restoredState.wasActive
        restoredState.wasActive = false

        if restoredState.wasFirstResponder {
            searchController.searchBar.becomeFirstResponder()
            restoredState.wasFirstResponder = false
        }
    }
}

//MARK override TableViewDelegates/Datasource methods  
}
extension ContactTVC: UISearchResultsUpdating{

// MARK: UISearchResultsUpdating

func updateSearchResultsForSearchController(searchController: UISearchController) {

        if let text = searchController.searchBar.text where (text.isEmpty == false){
        {

                            // Hand over the filtered results to our search results table.

                            let resultsController = searchController.searchResultsController as! ResultsTableController

                            resultsController.filteredProducts = Array(searchResult)

                            resultsController.tableView.reloadData()

                        dispatch_async(dispatch_get_main_queue(), {
                            self.tableViewContacts.reloadData()
                        })

                }   
         }
}
}
//MARK: SearchBarDelegate
extension ContactTVC: UISearchBarDelegate{

func searchBar(searchBar: UISearchBar, textDidChange searchText: String) {

    if let text = searchBar.text where (text.isEmpty == false) {

          // update the search result array by filtering….


                if searchResult.count > 0{

                    self.searchResultArrayContacts = Array(searchResult)
                }
                else{

                    self.searchResultArrayContacts = Array(self.arrayContacts)
                }

                dispatch_async(dispatch_get_main_queue(), {
                    self.tableViewContacts.reloadData()
                })
     }
}


func searchBarCancelButtonClicked(searchBar: UISearchBar) {

    searchBar.text = nil
    searchBar.resignFirstResponder()

}
}

///ユーザーが検索フィールドに入力すると、フィルタリングされた製品を表示するテーブルビューコントローラー。

class ResultsTableController: UITableViewController {
// MARK: Properties

let reusableIdentifier = "contactCell"

var filteredProducts = [CNContact]()

override func viewDidLoad() {

    self.tableView.emptyDataSetSource = self
    self.tableView.emptyDataSetDelegate = self

}


// MARK: UITableViewDataSource
override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    return filteredProducts.count
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    let cell =  UITableViewCell(style: .Subtitle, reuseIdentifier: reusableIdentifier)

     var contact = CNContact()
     contact = filteredProducts[indexPath.row]

    // Configure the cell...
    cell.textLabel?.text = contact.givenName

    let phones = contact.phoneNumbers[0].value as! CNPhoneNumber

    cell.detailTextLabel?.text = phones.stringValue

    return cell
}
}

ありがとう

1
Chandan