重用集合视图的 XIB 视图作为其他视图的一部分？

Question

我想为集合视图和其他视图重用一个 XIB 文件。

例如，我有一张卡片需要显示为集合视图单元格，但我也想为独立页面使用相同的 xib/view。

即;

我想对集合视图和普通视图使用相同的卡片图像，就像它是部分视图一样；因此可以在我需要的任何地方使用它。

我这样注册我的手机；

self.myCollectionView.register(UINib(nibName: "MyCollectionViewCell", bundle: nil), forCellWithReuseIdentifier: "myCellIdentifier")

那就用吧；

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell:MyCollectionViewCell = collectionView.dequeueReusableCell(withReuseIdentifier: "myCellIdentifier", for: indexPath) as! MyCollectionViewCell

...
}

我尝试使用我创建的 UIView 强制转换 dequeueReusableCell 代码，但它不喜欢以这种方式使用视图。

单元格和我的 XIB 视图文件都是独立的 swift 文件，因此它不在情节提要中。

如何将一个 uiview 用于集合视图，然后在其他页面上重复使用相同的视图？

非常感谢

总结

我想在应用的很多地方使用一个 UIView 和 XIB 文件

目前，我有一个使用 UICollectionViewCell 和关联的 XIB 文件的集合视图

我想在应用的很多地方使用同一个 XIB 文件。

如何在我的集合视图和应用程序中我需要它的地方重用相同的 UIView？

谢谢

Answer 1

(a) 我有一个我创建的 swift 文件；它是一个自定义的子类 UICollectionViewCell。它有一个 XIB 文件。

在集合视图中注册 nib。在cellForItemAt 中，当您需要一个单元格时，将其出列。您将从笔尖收到收藏视图单元格的副本。根据需要配置它。退货吧。

(b) 我想在应用程序的其他地方重复使用相同的 XIB，包括所有插座和连接

加载笔尖并拉出第一个（也是唯一的）顶层视图。您将从笔尖收到收藏视图单元格的副本。将其作为子视图添加到界面中的视图中。

（最简单的方法是通过 UINib 及其 instantiate 方法。这将返回顶级对象的数组。）

确实，通常不会将集合视图单元格用作普通视图的子视图。但是我想不出任何反对它的理由；毕竟，一个视图就是一个视图。

（如果您不想这样做，我可以考虑解决方法；例如，将 nib 中的视图设为自定义 UIView 并通过加载 nib 并将该视图放入单元格中来配置每个单元格。这将介绍一些不便之处，但它会使笔尖更普遍可用。）

---

我做了一个简单的例子。这是笔尖，非常简单，因为它只是一个示例：

这是我的应用程序，显示一个集合视图（在蓝色背景上显示四个单元格）以及从笔尖提取并粘贴到界面中的视图：

这是整个代码：

class MyView : UIView {
    @IBOutlet var iv : UIImageView?
}

class MyCell : UICollectionViewCell {
    var v : MyView?
}

class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate {
    @IBOutlet weak var cv: UICollectionView!

    override func viewDidLoad() {
        super.viewDidLoad()
        self.cv.register(MyCell.self, forCellWithReuseIdentifier: "cell")
        let arr = UINib(nibName: "View", bundle: nil).instantiate(withOwner: nil, options: nil)
        let v = arr[0] as! UIView
        self.view.addSubview(v)
        v.frame.origin = CGPoint(x:20, y:300)
    }

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

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! MyCell
        if cell.v == nil {
            let arr = UINib(nibName: "View", bundle: nil).instantiate(withOwner: nil, options: nil)
            let v = arr[0] as! MyView
            cell.contentView.addSubview(v)
            cell.v = v
        }
        print(cell.v?.iv) // image view
        return cell
    }

}

注意子类和出口的使用。 cell.v 将我们带到视图，所以cell.v?.iv 将我们带到图像视图 - 现在我们可以根据需要执行进一步的配置。因此，为了从 nib 到达子视图，我们添加了一层间接性，但这似乎是一个很小的代价。