初学Swift(二)横向TableView篇实现轮播图

此篇文章只是实现横向TableView,后面轮播图的部分可以参考上篇文章。
横向TableView,原理是将TableView逆时针旋转90°,

  override init (frame:CGRect){
        ksTableView = UITableView.init(frame:CGRect.init(x: 0, y: 0, width: frame.size.height, height: frame.size.width) , style: UITableViewStyle.plain)
        dataAry = NSArray()
        super.init(frame: frame);
        ksTableView.delegate = self;
        ksTableView.dataSource = self;
        self.addSubview(ksTableView)
        ksTableView.transform = CGAffineTransform.init(rotationAngle: CGFloat(-M_PI/2))
        ksTableView.center = CGPoint.init(x: frame.size.width/2.0, y: frame.size.height/2.0)
        ksTableView.backgroundColor = UIColor.red
        ksTableView.isPagingEnabled = true
        ksTableView.showsVerticalScrollIndicator = false
        ksTableView.separatorStyle = UITableViewCellSeparatorStyle.none
    }

现在TableView横向之后,我们需要把cell顺时针旋转90°,这样cell就和我们竖向tableView一样了。

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let indentifier = "CarouselCell"
        let cell = KSCarouselCell.init(style: UITableViewCellStyle.default, reuseIdentifier: indentifier)
        cell.transform = CGAffineTransform.init(rotationAngle: CGFloat(M_PI/2))
        cell.img.image = UIImage.init(named: self.dataAry[indexPath.row] as! String)
        return cell
    }

这样我们只需要把图片加到cell上面,图片的坐标和放在竖向TableView的坐标就一致了。

class KSCarouselCell: UITableViewCell {

    var img : UIImageView
    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        img = UIImageView.init(frame: CGRect.init(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: 200))
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        self.contentView.addSubview(img)
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
}

剩下的轮播图的实现就和scrollView一样了,请参考上篇文章。横向TableView除了轮播图还有很多时候可以用到,比如横向的商品列表,当然了也是为了用tableView的复用!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,250评论 4 61
  • 总想用一种方式记录一座城 恍惚间十二年 ...
    刘怡然阅读 279评论 0 1
  • [玫瑰][玫瑰] 图1:14年! 图1:朦胧无知太年少… 图2:17年! 图2:有故事有时间去思考任何事情的背影…...
    燕夫子阅读 258评论 0 0
  • 这几天感冒,难受,非常难受! 关键还要出差,还要与客户交流沟通,很辛苦,开车都差点睡着了,想想后果,怕怕的! 脑子...
    刘平努力阅读 265评论 0 0
  • 刚入夜的时候落雨了,濛濛细雨萧萧下。因为潮湿的缘故,夜里有雾。街上的行人匆匆回家,五光十色的临街灯箱也提早熄灭。摩...
    王泽儒阅读 231评论 2 3