JFDouYu-Swift(三)

image.png

class AmuseViewController: BaseAnchorViewController {
    
    private lazy var amuseMenuView:JFAmuseMenuView = {
        let  view = JFAmuseMenuView.amuseMenuView()
        view.frame = CGRect(x: 0, y: -kTopHeaderViewH, width: kScreenWidth, height: kTopHeaderViewH)
        return view
        }()
    
    private lazy var amuseViewModel:JFAmuseViewModel = JFAmuseViewModel()
    
    
    //Overriding non-@objc declarations from extensions is not supported
    // 原因： 不支持从扩展中覆盖non-@objc声明
    // 解决：将方法写到主类
    
    override func setupUI() {
        super.setupUI()
        
        collectionView.addSubview(amuseMenuView)
        
        //经常使用 高度随着父控件的拉伸而拉伸。
//        collectionView.autoresizingMask = [.flexibleHeight,.flexibleWidth]
        
        collectionView.contentInset = UIEdgeInsets(top:kTopHeaderViewH , left: 0, bottom: 0, right: 0)
    }
    
    override func loadData() {
           //给父类的 baseVM 赋值
              baseVM = amuseViewModel
           //请求数据
              amuseViewModel.requestAmuseData {
                  self.collectionView.reloadData()
                
                var tmpGroups = self.amuseViewModel.anchorGroups
                tmpGroups.removeFirst()
                self.amuseMenuView.groups = tmpGroups
                
                //数据请求完成
                self.loadDataFinished()
                
              }
       }
//
//    //对父类的 cell大小布局 重写
//     override func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize{
//           return CGSize(width: kItemW, height: kNormalItemH)
//    }
    
}

image.png

private let JFMenuID:String = "JFMenuID"

class JFAmuseMenuView: UIView {
    
    //定义属性
    var groups : [AnchorGroup]?{
        didSet{
            collectionView.reloadData()
        }
    }

    @IBOutlet weak var collectionView: UICollectionView!
    
    @IBOutlet weak var pageController: UIPageControl!
    override func awakeFromNib() {
        super.awakeFromNib()
        
        //经常使用 高度随着父控件的拉伸而拉伸。
//           collectionView.autoresizingMask = [.flexibleHeight,.flexibleWidth]
        //不随着父控件的拉伸而拉伸
        autoresizingMask = UIView.AutoresizingMask()
        
        collectionView.dataSource = self
        collectionView.delegate = self
//        collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: JFAmuseMenuViewCellID)
        
        collectionView.register(UINib(nibName: "JFAmuseMenuViewCell", bundle: nil), forCellWithReuseIdentifier: JFMenuID)
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        let collectionViewLayout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout
        collectionViewLayout.itemSize = collectionView.bounds.size
    }
    
}

extension JFAmuseMenuView{
    class func amuseMenuView() -> JFAmuseMenuView {
        return Bundle.main.loadNibNamed("JFAmuseMenuView", owner: nil, options: nil)?.first as! JFAmuseMenuView
    }
}

extension JFAmuseMenuView:UICollectionViewDataSource{
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        if groups == nil  { return 0 }
        //计算多少页的算法
        let pageNum = (groups!.count - 1) / 8 + 1
        pageController.numberOfPages = pageNum
        return pageNum
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: JFMenuID, for: indexPath) as! JFAmuseMenuViewCell
        setCellDataWithCell(cell: cell, indexPath: indexPath)
        return cell
    }
    
    private func setCellDataWithCell(cell:JFAmuseMenuViewCell,indexPath:IndexPath){
        // 0-7
        // 8-15
        // 15-23
        let startIndex = indexPath.item * 8
        var endIndex = (indexPath.item + 1) * 8 - 1
        
        //判断越界问题 Change 'let' to 'var' to make it mutable 这个地方 endIndex是可变的  用var
        // 运算符号 要加空格
        if endIndex > groups!.count - 1 {
            endIndex = groups!.count - 1
        }
        
        //取出数据 再组装成一个数组
        cell.groups = Array(groups![startIndex...endIndex])

    }
}

extension JFAmuseMenuView : UICollectionViewDelegate{
    
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        pageController.currentPage = Int(scrollView.contentOffset.x / scrollView.bounds.width)
    }
    
}

UIView上添加UICollectionView

class JFAmuseMenuViewCell: UICollectionViewCell {
    
    var groups:[AnchorGroup]?{
        didSet{
            collectionView.reloadData()
        }
    }
    
    @IBOutlet weak var collectionView: UICollectionView!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        collectionView.dataSource = self
        collectionView.register(UINib(nibName: "JFCollectionGameCell", bundle: nil), forCellWithReuseIdentifier:JFGameCellID )
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        
         let collectionViewLayout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout
        let itemW  = contentView.bounds.width / 4
        let itemH  = contentView.bounds.height / 2
         collectionViewLayout.itemSize = CGSize(width: itemW, height: itemH)
        
    }

}

extension JFAmuseMenuViewCell : UICollectionViewDataSource{
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return groups?.count ?? 0
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: JFGameCellID, for: indexPath) as! JFCollectionGameCell
        //超出部分不展示
        cell.clipsToBounds = true
        cell.baseGame = groups![indexPath.item]
        return cell
    }
}

UICollevtionView 的cell里面又嵌套 UICollevtionView

类的属性

image.png image.png

计算属性的完整写法

image.png image.png image.png image.png

类属性的监听

image.png

image.png

属性发生改变

image.png image.png image.png image.png

private let kItemMargin:CGFloat = 10
private let kItemW:CGFloat = (kScreenWidth - kItemMargin * 3)/2
private let kNormalItemH:CGFloat = kItemW * 3 / 4

class FunnyViewController: BaseAnchorViewController {
    
    private lazy var funnyVM:JFFunnyViewModel = JFFunnyViewModel()
    
    override func loadData() {
        baseVM = funnyVM

        funnyVM.loadFunnyData {
            self.collectionView.reloadData()
            
            //数据请求完成
            self.loadDataFinished()
            
            
        }
    }
    override func setupUI() {
        super.setupUI()
        let layout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout
        layout.headerReferenceSize = CGSize.zero
        collectionView.contentInset = UIEdgeInsets(top: 10, left: 0, bottom: 0, right: 0)
    }

}

重写父类的方法
UI布局全是在父类实现的，所有只要实现这个类的数据请求即可。

本期分享的内容很简单比较适合初学者看看。
源码地址已经在
JFDouYu-Swift(二中已经贴出来了) 再会。