更新 CollectionView 中的数据模型以过滤单元格
Update the Data Model in a CollectionView to filter the cells
我有 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...
]
}
}
这里是VC
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
?
我首先会从 AnimalModel 结构中提取 Animal 枚举以实现模块化。它还允许使用枚举案例更好地检查是否相等。
要改变你的价值,你必须做两件事。因为您使用的是结构,一种值类型而不是引用类型,所以您必须提供一种方法来更改其内部值。您可以通过如下添加变异函数来实现此目的:
struct AnimalModel {
var animalName: String
var animalClassification: Animal
var animalSelected: Bool
mutating func setAnimalToSelected(value: Bool) {
animalSelected = value
}
}
变异函数允许您更改结构内部的值。
但在此之前,您必须获取它的特定索引并使用变异函数更改该特定结构。
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])
}
}
我有 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...
]
}
}
这里是VC
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
?
我首先会从 AnimalModel 结构中提取 Animal 枚举以实现模块化。它还允许使用枚举案例更好地检查是否相等。
要改变你的价值,你必须做两件事。因为您使用的是结构,一种值类型而不是引用类型,所以您必须提供一种方法来更改其内部值。您可以通过如下添加变异函数来实现此目的:
struct AnimalModel {
var animalName: String
var animalClassification: Animal
var animalSelected: Bool
mutating func setAnimalToSelected(value: Bool) {
animalSelected = value
}
}
变异函数允许您更改结构内部的值。
但在此之前,您必须获取它的特定索引并使用变异函数更改该特定结构。
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])
}
}