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)
//經(jīng)常使用 高度隨著父控件的拉伸而拉伸峰髓。
// collectionView.autoresizingMask = [.flexibleHeight,.flexibleWidth]
collectionView.contentInset = UIEdgeInsets(top:kTopHeaderViewH , left: 0, bottom: 0, right: 0)
}
override func loadData() {
//給父類的 baseVM 賦值
baseVM = amuseViewModel
//請求數(shù)據(jù)
amuseViewModel.requestAmuseData {
self.collectionView.reloadData()
var tmpGroups = self.amuseViewModel.anchorGroups
tmpGroups.removeFirst()
self.amuseMenuView.groups = tmpGroups
//數(shù)據(jù)請求完成
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()
//經(jīng)常使用 高度隨著父控件的拉伸而拉伸源请。
// 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
}
//取出數(shù)據(jù) 再組裝成一個數(shù)組
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
類屬性的監(jiān)聽
image.png
image.png
屬性發(fā)生改變
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()
//數(shù)據(jù)請求完成
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布局全是在父類實現(xiàn)的锰扶，所有只要實現(xiàn)這個類的數(shù)據(jù)請求即可熄攘。
本期分享的內(nèi)容很簡單比較適合初學(xué)者看看。
源碼地址已經(jīng)在
JFDouYu-Swift(二中已經(jīng)貼出來了) 再會。
