美文网首页iOS-swiftiOS开发iOS Developer
【iOS】实现UITableView横向滚动卡片布局

【iOS】实现UITableView横向滚动卡片布局

作者: 清無 | 来源:发表于2017-07-25 13:32 被阅读494次
最终效果
要求:
  • Platform: iOS8.0+
  • Language: Swift3.1
  • Editor: Xcode8.3+
实现:
  • UITableView的横向滚动

看到网上公认的一种比较简单的方法是旋转tableView和cell.contentView

// tableView旋转-90°
tableView.transform = CGAffineTransform(rotationAngle: -.pi/2)

// cell.contentView反向旋转90°
cell.contentView.transform = CGAffineTransform(rotationAngle: .pi/2)
  • 卡片式布局
1. 设置cell.contentView的`Layout Margins`均为40 2. 设置两边的margin视图 3. 注意取消勾选cell和contentView的`Clip To Bounds`选项,防止margin视图被`裁剪`
  • table view设置
tableView.isPagingEnabled = true // 分页
tableView.rowHeight = view.bounds.width // cell高度
tableView.separatorStyle = .none // 分割线样式

github

https://github.com/BackWorld/TableViewHorizontalScroll

如果对你有帮助,别忘了点个❤️哦。

相关文章

网友评论

    本文标题:【iOS】实现UITableView横向滚动卡片布局

    本文链接:https://www.haomeiwen.com/subject/weuwkxtx.html