Показать UICollectionView в UITableViewController в Swift

#ios #swift #uitableview #uicollectionview #swift5

Вопрос:

вот уже пару дней я пытаюсь заставить это работать. Я хочу показать UICollectionView в классе UITableViewController. У меня есть панель поиска для фильтрации элементов, но когда я закрываю панель поиска, я хочу, чтобы появилось представление коллекции. Я включил весь свой код, может быть, кто-нибудь из вас сможет помочь мне заставить это работать .. Я пытался вызвать func configureCollectionView в разных местах, но ни один из них, похоже, не работает. Все ячейки, которые я регистрирую, отлично работают (я это знаю, потому что они работают в других контроллерах..)

Спасибо!!

  private let reuseIdentifier = "SearchThisCell"

class SearchController: UITableViewController, UISearchBarDelegate, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {


var item1 = [Item1]()
var searchbar = UISearchBar()
var filteredItem = [Item1]()
var inSearchMode = false
var collectionView: UICollectionView!
var collectionViewEnabled = true
var item2 = [Item2]()

override func viewDidLoad() {
    super.viewDidLoad()
    
    // register cell classes
    tableView.register(SearchThisCell.self, forCellReuseIdentifier: reuseIdentifier)

    tableView.separatorInset = UIEdgeInsets(top: 0, left: 75, bottom: 0, right: 75)
    tableView.separatorStyle = .none
    
    configureSearchBar()
    
    configureCollectionView()
    
    fetchItem1()
    
    fetchItem2()
            
}

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return 70
}

override func numberOfSections(in tableView: UITableView) -> Int {
    return 1
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    if inSearchMode {
        return filteredItem.count
    } else {
        return item1.count
    }
}

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    
    var item: Item1!
    
    if inSearchMode {
        item = filteredItem[indexPath.row]
    } else {
        item = item1[indexPath.row]
    }
            
    let itemProfileVC = ItemProfileController(collectionViewLayout: UICollectionViewFlowLayout())
    
    itemProfileVC.item = item
    
    navigationController?.pushViewController(itemProfileVC, animated: true)
    
}

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: reuseIdentifier, for: indexPath) as! SearchThisCell
    
    var item: Item1!
    
    if inSearchMode {
        item = filteredItem[indexPath.row]
    } else {
        item = item1[indexPath.row]
    }
    
    cell.item = item1
    
    return cell
}

func configureCollectionView() {
    
    let layout = UICollectionViewFlowLayout()
    layout.scrollDirection = .vertical

    let frame = CGRect(x: 50, y: 50, width: view.frame.width, height: view.frame.height - (tabBarController?.tabBar.frame.height)! - (navigationController?.navigationBar.frame.height)!)

    collectionView = UICollectionView(frame: frame, collectionViewLayout: layout)
    collectionView.delegate = self
    collectionView.dataSource = self
    collectionView.alwaysBounceVertical = true
    collectionView.backgroundColor = .white
    collectionView.register(SearchThatCell.self, forCellWithReuseIdentifier: "SearchThatCell")

    tableView.addSubview(collectionView)
    tableView.separatorColor = .clear
    
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return 1
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 1
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let width = (view.frame.width - 2) / 3
    return CGSize(width: width, height: width)
}

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return item2.count
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "SearchThatCell", for: indexPath) as! SearchThatCell
    
    cell.that = item2[indexPath.item]
    
    return cell
}

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    
    let overviewVC = OverviewController(collectionViewLayout: UICollectionViewFlowLayout())
    
    overviewVC.viewSingleItem = true
    
    overviewVC.that = item2[indexPath.item]
    
    navigationController?.pushViewController(overviewVC, animated: true)
    
}

func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) {
    searchbar.showsCancelButton = true
    
    collectionView.isHidden = false
    collectionViewEnabled = true
}

func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    
    let searchText = searchText.lowercased()
    
    if searchText.isEmpty || searchText == " " {
        inSearchMode = false
        tableView.reloadData()
    } else {
        inSearchMode = true
        filteredItem = item.filter({ (item) in
            return item.itemname.contains(searchText)
        })
        tableView.isHidden = false
        tableView.reloadData()
    }
}

func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
    searchbar.endEditing(true)
    
    searchbar.showsCancelButton = false
    
    inSearchMode = false
    
    searchbar.text = nil
    
    collectionViewEnabled = true
            
    configureCollectionView()

    tableView.isHidden = true
    
    tableView.reloadData()
}
 

а затем появляются функции выборки, которые работают так, как они должны работать.

Комментарии:

1. Добавьте представление коллекции, представление таблицы и панель поиска в качестве вложенных представлений UIViewController. Установите ограничения правильно. Скрыть/отобразить табличное представление на основе ключевого слова поиска. Это будет одним из решений.

2. Я пробую ваше решение, но получаю следующую ошибку: Поток 1: Фатальная ошибка: Неожиданно найдено ноль при неявном развертывании необязательного значения

3. Как бы я правильно выполнил ваше решение? @AkilanCB

Ответ №1:

Вы добавляете представление коллекции в представление таблицы. Если вы скроете представление таблицы, все подвиды также будут скрыты. Вместо этого добавьте представление коллекции в представление контроллера.

менять

 tableView.addSubview(collectionView)
 

Для

 view.addSubview(collectionView)
 

Было бы проще обрабатывать и то, и другое (table и collectionview) в обычном контроллере представления.

Комментарии:

1. Вы, сэр @baronfac, просто потрясающие!! Наконец-то это работает!!! Большое спасибо!!!

2. Рад, что смог помочь 🙂

Ответ №2:

Лучше создать ячейку таблицы с видом коллекции внутри.