【问题标题】:Update the Data Model in a CollectionView to filter the cells更新 CollectionView 中的数据模型以过滤单元格
【发布时间】:2019-04-10 08:18:40
【问题描述】:

我有 1 个名为 animalCollectionView 的 CollectionView,其中填充了来自 AnimalData 结构的 100 多个 AnimalModel 对象。在 CollectionView 下方,我有 4 个具有不同动物分类的按钮:Fish、Amphibian、Bird、Reptile。我想要这 4 个按钮来切换 CollectionView 中的适当数据。每个 AnimalModel 对象都有一个名为 animalSelected 的属性,应该相应地切换。

在进步方面,我快到了。我只是在遍历所有数据以更改适当对象上的 animalSelected 属性时遇到问题。

这是数据:

struct AnimalModel {
    var animalName:String
    var animalClassification:Animal

    var animalSelected:Bool

    enum Animal:String {
        case bird
        case fish
        case reptile
        case amphibian
    }
}

struct AnimalData {
    static func allAnimal() -> [AnimalModel] {
        return [
            AnimalModel(animalName: "Salmon", animalClassification: .fish, animalSelected: false),
            AnimalModel(animalName: "Goldfish", animalClassification: .fish, animalSelected: false),
            AnimalModel(animalName: "Guppy", animalClassification: .fish, animalSelected: false),
            AnimalModel(animalName: "Shark", animalClassification: .fish, animalSelected: false),
            AnimalModel(animalName: "Tuna", animalClassification: .fish, animalSelected: false),
            AnimalModel(animalName: "Clownfish", animalClassification: .fish, animalSelected: false),
            AnimalModel(animalName: "Swordfish", animalClassification: .fish, animalSelected: false),
            AnimalModel(animalName: "Frog", animalClassification: .amphibian, animalSelected: false),
            AnimalModel(animalName: "Toad", animalClassification: .amphibian, animalSelected: false),
            AnimalModel(animalName: "Newt", animalClassification: .amphibian, animalSelected: false),
            AnimalModel(animalName: "Salamander", animalClassification: .amphibian, animalSelected: false),
            AnimalModel(animalName: "Ostrich", animalClassification: .bird, animalSelected: false),
            AnimalModel(animalName: "Peacock", animalClassification: .bird, animalSelected: false),
            AnimalModel(animalName: "Eagle", animalClassification: .bird, animalSelected: false),
            AnimalModel(animalName: "Duck", animalClassification: .bird, animalSelected: false),
            AnimalModel(animalName: "Chicken", animalClassification: .bird, animalSelected: false),
            AnimalModel(animalName: "Snake", animalClassification: .reptile, animalSelected: false),
            AnimalModel(animalName: "Chameleon", animalClassification: .reptile, animalSelected: false),
            AnimalModel(animalName: "Lizard", animalClassification: .reptile, animalSelected: false),
            AnimalModel(animalName: "Turtle", animalClassification: .reptile, animalSelected: false)
            // + about 80 more... 
        ]
    }
}

这里是风投

class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource {

    @IBOutlet weak var animalCollectionView: UICollectionView!

    @IBOutlet weak var birdOutlet: UIButton!
    @IBOutlet weak var fishOutlet: UIButton!
    @IBOutlet weak var reptileOutlet: UIButton!
    @IBOutlet weak var amphibion: UIButton!

    var all = AnimalData.allAnimal()

    override func viewDidLoad() {
        super.viewDidLoad()
        animalCollectionView.delegate = self
        animalCollectionView.dataSource = self
    }

    @IBAction func birdBtnPressed(_ sender: UIButton) {
//          for bird in all {
//              bird.animalSelected = true
//          }
        all[1].animalSelected = true
        animalCollectionView.reloadData()
    }
    @IBAction func fishBtnPressed(_ sender: UIButton) {
    }
    @IBAction func reptileBtnPressed(_ sender: UIButton) {
    }
    @IBAction func amphibionBtnPressed(_ sender: UIButton) {
    }


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

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ANIMAL", for: indexPath) as! AnimalCollectionViewCell
        cell.animalNameLabel.text = all[indexPath.item].animalName
        cell.animalClassificationLabel.text = all[indexPath.item].animalClassification.rawValue

        if all[indexPath.item].animalSelected {
            cell.alpha = 1
        } else {
            cell.alpha = 0.2
        }

        return cell
    }

}

birdButtonPressed 是我尝试的地方。我已经注释掉了:

for bird in all {
    bird.animalSelected = true 
}

因为这给出了错误:Cannot assign to property: 'bird' is a 'let' constant

all[1].animalSelected = true 显然不会遍历鸟类,但我这样做只是为了确保第二个单元格 alpha 发生了变化……它确实做到了! (见下面的截图)

如何遍历数据以将相应单元格上的 animalSelected 更改为 true

【问题讨论】:

    标签: swift object uicollectionview datamodel


    【解决方案1】:

    我首先将 Animal 枚举从 AnimalModel 结构中拉出以实现模块化。它还允许使用枚举案例更好地检查是否相等。

    要改变你的价值,你必须做两件事。因为你使用的是一个结构,一个值类型而不是一个引用类型,你必须提供一种方法来改变它的内部值。您可以通过添加一个变异函数来实现这一点,如下所示:

    struct AnimalModel {
       var animalName: String
       var animalClassification: Animal
       var animalSelected: Bool
    
       mutating func setAnimalToSelected(value: Bool) {
           animalSelected = value
       }
    }
    

    mutating func 允许您更改结构内部的值。

    但在此之前,您必须获取它的特定索引并使用 mutating func 更改该特定结构。

    for (index, animal) in all.enumerated() {
       if animal.animalClassification == Animal.bird {
           all[index].animalSelected = true
            //if you only have one section
           let indexPath = IndexPath(row: index, section: 0)
           self.collectionView.reloadItems(at: [indexPath])
       }
    }
    

    【讨论】:

    • 如此接近!如果鸟在屏幕上,则切换(单元格 alpha 更改)不会发生,直到您将它们从屏幕上滚动然后回到屏幕上。我不想调用 reloadData 来防止闪烁/闪烁。如果我在 for 循环之后调用 animalCollectionView.reloadItems(at: animalCollectionView.indexPathsForVisibleItems) ,出于某种原因,所有可见单元格都会切换而不管动物。?
    • UICollectionView 有一个方法 reloadItems(at: [IndexPaths]) 在您设置 all[index].animalSelected = true 之后,您可以创建一个索引路径并将其传递给该方法。 let indexPath = IndexPath(row: index, section: 0) //如果你只有一个部分 self.collectionView.reloadItems(at: [indexPath])
    • 该编辑产生了相同的结果。如果我在未选择的 alpha (0.2) 处有 只是 个爬行动物细胞可见,那么我按下鸟按钮,所有可见的爬行动物细胞都会切换到 1.0 alpha。如果我滚动屏幕然后返回,爬行动物会回到 0.2 alpha。
    猜你喜欢
    • 1970-01-01
    • 2020-01-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多