HorizontalCardsView
可视化组件实现了可水平滚动的卡片列表。
安装
CocoaPods
CocoaPods 是用于将 HorizontalCardsView 添加到项目的首选方式。
只需将以下行添加到 Podfile 中：
pod 'HorizontalCardsView'
然后在内置终端中运行 pod install。
之后，您可以使用以下方式在任何需要的地方包含 HorizontalCardsView：
import HorizontalCardsView
使用方法
- 将
UIView添加到 Storyboard 中，并设置Custom Class为HorizontalCardsView。
- 将您的
ViewController设置为遵守HorizontalCardsDataSource和HorizontalCardsDelegate协议。 - 在
viewDidLoad()中设置HorizontalCardsView实例的参数viewsSource和delegate。同样，您应该定义参数cardSpasing和insets。卡片的宽度由HorizontalCardsView的宽度计算得出，减去左和右的内边距。
class ViewController: UIViewController, HorizontalCardsDataSource, HorizontalCardsDelegate {
@IBOutlet weak var horizontalCardsView: HorizontalCardsView!
// ...
override func viewDidLoad() {
horizontalCardsView.dataSource = self
horizontalCardsView.delegate = self
horizontalCardsView.cellSpacing = 15
horizontalCardsView.inset = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
}
// ...
func horizontalCardsViewNumberOfItems(_ collectionView: HorizontalCardsView) -> Int {
return 5
}
func horizontalCardsView(_: HorizontalCardsView, viewForIndex index: Int) -> HorizontalCardView {
let bundle = Bundle(for: SampleView.self)
let view = bundle.loadNibNamed("SampleView", owner: self, options: nil)?.first
return view
}
func horizontalCardsView(_: HorizontalCardsView, didSelectItemAtIndex index: Int) {
print("A view with index \(index) was selected.")
}
// ...
}- 您希望在可滚动列表中显示的视图必须是
HorizontalCardView类的子类。如果想在视图可重复使用之前执行一些操作，请重写prepareForReuse()方法。