Swift 4 - iOS 11搜索栏范围不会出现

时间:2017-08-20 13:30:04

标签: ios uisearchbar swift4

我有一个应用程序在iOS 10上运行良好且没有任何问题,但是对于iOS 11和Xcode Beta 5,我在搜索栏范围内遇到这个奇怪的问题,其中范围栏看起来像是从底部剪切。 (对于Xcode beta和iOS 11的所有版本都是如此)如果有人能让我朝着正确的方向前进,我真的很高兴。感谢

Initial Screen

上面你可以看到我按下汉堡菜单按钮时看到的内容。这里没问题.. 搜索栏还有一个范围栏,在点击时显示。我没有将其设置为以编程方式显示。但我想这是设置范围按钮标题时的默认行为。

问题:

problem

当我点击搜索栏输入信息时,我会看到上面的屏幕。在iOS 10上,我没有遇到任何问题。但是现在,在iOS 11中,无论我做什么,我都无法使其在iOS 10上工作。搜索范围栏显示为从底部剪切。

这就是它在iOS 10中的显示方式,我希望它能够在iOS 11中使用。

workingInIOS10

屏幕的故事板视图

storyboard view of the screen

我在这里粘贴相关代码。

    class SlideMenuViewController: UIViewController,UITableViewDelegate,UITableViewDataSource,UISearchControllerDelegate,UIGestureRecognizerDelegate{

     let searchController = UISearchController(searchResultsController: nil)

    @IBOutlet var sview: UIView!

    @IBOutlet var tableView: UITableView!



override func viewWillAppear(_ animated: Bool) {
//some non relevant code before this

 if sview.subviews .contains(searchController.searchBar) {
            print("Already contains")


        } else {

            sview.addSubview(searchController.searchBar)
            print(searchController.searchBar.showsScopeBar)

            searchController.searchBar.sizeToFit()
            searchController.searchBar.frame.size.width = view.frame.size.width



          searchController.searchBar.barTintColor = searchBarTintColor

            searchController.searchBar.tintColor = searchTintColor
        }



    }


override func viewDidLoad() {

//some other code

searchController.searchBar.delegate = self

searchController.searchBar.scopeButtonTitles = [NSLocalizedString("İsimlerde", comment: ""), NSLocalizedString("Açıklamalarda", comment: "")]

        searchController.searchBar.returnKeyType = UIReturnKeyType.done

searchController.searchResultsUpdater = self

        searchController.dimsBackgroundDuringPresentation = false
        definesPresentationContext = true

//some other code

}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

     if searchController.isActive && searchController.searchBar.text != "" {

        switch scpglobal {
            case NSLocalizedString("İsimlerde", comment: ""):
                return filteredIsimler.count

            case NSLocalizedString("Açıklamalarda", comment: ""):
                return filteredAciklamalar.count

            default:
                print("Tableview default")
        }

        }



        return isimlerArray.count
    }

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

//some code about search here but nothing that will result in that behaviour

}

 func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
        print("cancel")
        searchController.searchBar.text = ""

    }


func updateSearchResults(for searchController: UISearchController) {


        let searchBar = searchController.searchBar



        let scope = searchBar.scopeButtonTitles![searchBar.selectedScopeButtonIndex]
        filterContentForSearchText(searchText: searchController.searchBar.text!, scope: scope)
        tableView.reloadData()
    }

}


extension SlideMenuViewController:UISearchBarDelegate {
    func searchBar(_ searchBar: UISearchBar, selectedScopeButtonIndexDidChange selectedScope: Int) {
        filterContentForSearchText(searchText: searchController.searchBar.text!, scope: searchController.searchBar.scopeButtonTitles![selectedScope])
    }
}

编辑:如果我向搜索栏添加约束,会发生这种情况。首先,一切似乎都很好。

withConstraints1st

然后当您点击搜索栏时,会发生这种情况。搜索栏移出屏幕。见箭头。

withConstraints2nd

但是如果你关闭滑动菜单并重新打开它,那么

withConstraints3rd

一切正常,直到您点击取消按钮。之后,您必须再次执行此操作才能看到搜索栏正常工作。

约束的代码

 searchController.searchBar.translatesAutoresizingMaskIntoConstraints = false
 sview.addConstraint(NSLayoutConstraint(item: searchController.searchBar, attribute: .top, relatedBy: .equal, toItem: sview, attribute: .top, multiplier: 1, constant: 0))
 sview.addConstraint(NSLayoutConstraint(item: searchController.searchBar, attribute: .bottom, relatedBy: .equal, toItem: sview, attribute:.bottom, multiplier: 1, constant: 0))

 sview.addConstraint(NSLayoutConstraint(item: searchController.searchBar, attribute: .leading, relatedBy: .equal, toItem: sview, attribute: .leading,multiplier: 1, constant: 0))
 sview.addConstraint(NSLayoutConstraint(item: searchController.searchBar, attribute: .trailing, relatedBy: .equal, toItem: sview, attribute: .trailing, multiplier: 1, constant: 0))

3 个答案:

答案 0 :(得分:14)

查看this WWDC 2017 video

你应该这样做:

if #available(iOS 11.0, *) {
    navigationItem.searchController = searchController
    navigationItem.hidesSearchBarWhenScrolling = false
} else {
    tableView.tableHeaderView = searchController.searchBar
}

然后根据需要进行更改。

答案 1 :(得分:2)

我可以使用自定义searchController替换searchBar来解决此问题。

let searchBar = UISearchBar(frame:CGRect(x: 0, y: 0, width: 266, height: 100))

但要小心,不要忘记使用

searchBar.sizeToFit 

searchBarShouldBeginEditingsearchBarShouldEndEditing内,否则您可能会遇到奇怪的UI问题,尤其是在您使用

的情况下
searchBar.showsScopeBar = true

所以,如果您遇到类似的问题,请删除searchController并实现searchBar及其委托方法。它不会给你相同的scopeBar动画,但至少它可以工作。这种方法的另一个缺点是,如果你有searchBar.isTranslucent = true,你可能会在searchBar中看到另一个scopeBar的重影。所以请确保

searchBar.isTranslucent = false

如果有人想出一个更好的方法来解决这个问题,我很满意......

示例代表设置

 func searchBarShouldBeginEditing(_ searchBar: UISearchBar) -> Bool {
    searchBar.showsScopeBar = true
    searchBar.sizeToFit()
    searchBar.setShowsCancelButton(true, animated: true)
    return true
}

func searchBarShouldEndEditing(_ searchBar: UISearchBar) -> Bool {
    searchBar.showsScopeBar = false
    searchBar.sizeToFit()
    searchBar.setShowsCancelButton(false, animated: true)
    return true
}

答案 2 :(得分:1)

这可能会解决您的问题:

func searchDisplayController(_ controller: UISearchController, willShowSearchResultsTableView tableView: UITableView)
 {
    tableView.backgroundColor = self.tableView.backgroundColor
    tableView.rowHeight = self.tableView.rowHeight
    tableView.tableFooterView = UIView()
}