iOS|iOS RxSwift + RxDataSources的使用
文章图片
4F236199-5C0F-4EEC-94C0-45054CA2A995.png 【iOS|iOS RxSwift + RxDataSources的使用】1.导入框架
pod 'NSObject+Rx'
pod 'RxSwift'
pod 'RxDataSources'
2.Controller
import UIKit
import RxSwift
import RxCocoa
import RxDataSourcesclass SettingViewController: BaseViewController {//视图将要显示
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
//设置状态栏颜色
UIApplication.shared.statusBarStyle = .default
}override func viewDidLoad() {
super.viewDidLoad()
self.navigationItem.title = "设置"//主视图
let settingView = SettingView(frame: self.view.bounds)
self.view.addSubview(settingView)//视图模型
let viewModel = SettingViewModel.init()//创建数据源
let dataSource = RxTableViewSectionedReloadDataSource (configureCell: { dataSource, tableView, indexPath, item in
switch dataSource[indexPath] {case .TitleSectionItem(let title):
let cell = tableView.dequeueReusableCell(withIdentifier: "setting", for: indexPath) as! SettingCell
cell.selectionStyle = .none
cell.titleLabel?.text = title
if title == "清除缓存" {
cell.cacheLabel.text = LCZCacheTool.cacheSize
print(LCZCacheTool.cacheSize)
}
return cell
}
}
)//绑定单元格数据
viewModel.notLoginSections.bind(to:
settingView.settingTableView.rx.items(dataSource: dataSource)
).disposed(by: rx.disposeBag)//同时获取选中项的索引及内容
Observable.zip(settingView.settingTableView.rx.itemSelected,
settingView.settingTableView.rx.modelSelected(SettingSectionItem.self))
.bind { [weak self] indexpath, item inswitch item {case .TitleSectionItem(let title):
if title == "清除缓存" {
if LCZCacheTool.cacheSize != "0.00 MB" {
LCZCacheTool.clearCache()
settingView.settingTableView.reloadRows(at: [indexpath], with: .automatic)
LCZHUDTool.showSuccess(title: "清理成功")
}
}else {
print("修改密码")
}
}
}.disposed(by: rx.disposeBag)}}
- View
import UIKitclass SettingView: BaseView {/// 表视图
var settingTableView: UITableView!override func config() {
//表视图
self.settingTableView = UITableView(frame: self.bounds, style: .plain)
self.addSubview(self.settingTableView)
self.settingTableView.register(SettingCell.self, forCellReuseIdentifier: "setting")
self.settingTableView.rowHeight = 60
self.settingTableView.separatorStyle = .none
}
}
4.ViewModel
import Foundation
import RxCocoa
import RxSwift
import RxDataSources//单元格类型
enum SettingSectionItem {
case TitleSectionItem(title: String)
}//自定义Section
struct SettingSection {
var header: String
var items: [SettingSectionItem]
}extension SettingSection : SectionModelType {
typealias Item = SettingSectionItemvar identity: String {
return header
}init(original: SettingSection, items: [Item]) {
self = original
self.items = items
}
}class SettingViewModel {/// 未登录的数据
let notLoginSections: Observable/// 登录的数据
let loginSections: Observableinit() {
notLoginSections = Observable.just([
SettingSection(header: "", items:[
.TitleSectionItem(title: "清除缓存")
]
)
])loginSections = Observable.just([
SettingSection(header: "", items: [
.TitleSectionItem(title: "修改密码"),
.TitleSectionItem(title: "清除缓存")
])
])
}}
二.集合视图
文章图片
1.Controller
import UIKit
import RxDataSources
import RxSwift
import RxCocoaclass HomePageViewController: BaseViewController {// 视图将要显示
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
// 设置状态栏颜色
UIApplication.shared.statusBarStyle = .lightContent
}override func viewDidLoad() {
super.viewDidLoad()
//LCZCountdownTimer.addVerifyCode("qqq");
//NotificationCenter.default.rx.notification(Notification.Name(rawValue:"qqq"))
//.subscribe({ [weak self](n) in
//print(n.element?.object as! Int)
//}).disposed(by:rx.disposeBag)// 设置渐变颜色
self.navigationController?.navigationBar.setBackgroundImage(UIImage(named: "naviBack"), for: .default)//设置标题图片
self.navigationItem.titleView = UIImageView(image: UIImage(named: "ckgj"))// 主视图
let homePageView = HomePageView(frame: self.view.bounds)
self.view.addSubview(homePageView)// 视图模型
let viewModel = HomePageViewModel()// 创建数据源
let dataSource = RxCollectionViewSectionedReloadDataSource(
configureCell: { (dataSource, collectionView, indexPath, item) in
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "collectionViewCell",
for: indexPath) as! HomePageCollectionViewCell
switch item {
case .DefaultSectionItem(let title, let image, let details):
cell.titleLabel.text = title
cell.logoImageView.image = UIImage(named: image)
cell.detailsLabel.text = details
break
}
return cell},
configureSupplementaryView: {
(ds ,cv, kind, ip) in
let section = cv.dequeueReusableSupplementaryView(ofKind: kind,
withReuseIdentifier: "collectionReusableView", for: ip) as! HomePageCollectionReusableView
section.titleLabel.text = "信用生活"
return section
})// 绑定单元格数据
viewModel.homePageModel
.bind(to: homePageView.homePageCollectionView.rx.items(dataSource: dataSource))
.disposed(by: rx.disposeBag)// 同时获取索引 和 model
Observable.zip(homePageView.homePageCollectionView.rx.itemSelected,
homePageView.homePageCollectionView.rx.modelSelected(HomePageSectionItem.self))
.bind { [weak self] indexpath, item in
switch item {
case .DefaultSectionItem (let title, let image, let details) :
if indexpath.row == 0 {
print("信用卡代还")
}else if indexpath.row == 1 {
print("快捷支付")
}else if indexpath.row == 2 {
print("车务代办")
}else {
print("信用卡办理")
}
break
}
}.disposed(by: rx.disposeBag)// 设置代理
//homePageView.homePageCollectionView.rx.setDelegate(self)
//.disposed(by: rx.disposeBag)}}
2.View
import UIKit
import MJRefreshclass HomePageView: BaseView {var homePageCollectionView: UICollectionView!override func config() {// 定义布局方式以及单元格大小
let flowLayout = UICollectionViewFlowLayout()
// 单元格大小
flowLayout.itemSize = CGSize(width: LCZWidth / 2 - 0.5, height: 90)
// 上下间隔
flowLayout.minimumLineSpacing = 1
// 左右间隔
flowLayout.minimumInteritemSpacing = 0.5
// 分区头大小
flowLayout.headerReferenceSize = CGSize(width: LCZWidth, height: 40)// let flowLayout = HomePageCollectionLayout()// 创建集合视图
self.homePageCollectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: LCZWidth, height: LCZHeight - LCZNaviBarHeight - LCZTabbarHeight - LCZStatusBarHeight), collectionViewLayout: flowLayout)
self.homePageCollectionView.backgroundColor = UIColor.RGBColor(245, 245, 245, 1)
// 设置此属性为yes 不满一屏幕 也能滚动
self.homePageCollectionView.alwaysBounceVertical = true;
// 添加下拉刷新
self.homePageCollectionView.mj_header = MJRefreshNormalHeader()// 创建一个重用的单元格
self.homePageCollectionView.register(HomePageCollectionViewCell.self, forCellWithReuseIdentifier: "collectionViewCell")// 创建一个重用的分区头
self.homePageCollectionView.register(HomePageCollectionReusableView.self, forSupplementaryViewOfKind: UICollectionElementKindSectionHeader, withReuseIdentifier: "collectionReusableView")self.addSubview(self.homePageCollectionView)
}}
3.ViewModel
import Foundation
import RxDataSources
import RxCocoa
import RxSwift//单元格类型
enum HomePageSectionItem {
case DefaultSectionItem(title: String, image: String, details: String)
}//自定义Section
struct HomePageSection {
var header: String
var items: [HomePageSectionItem]
}extension HomePageSection : SectionModelType {
typealias Item = HomePageSectionItemvar identity: String {
return header
}init(original: HomePageSection, items: [Item]) {
self = original
self.items = items
}
}class HomePageViewModel {let homePageModel: Observable//停止刷新状态序列
// let endHeaderRefreshing: Driverinit() {
homePageModel = Observable.just([
HomePageSection(header: "", items: [
.DefaultSectionItem(title: "信用卡代还", image: "信用卡代还", details: "安全快速、无压力"),
.DefaultSectionItem(title: "快捷支付", image: "信用卡代刷", details: "秒支付、秒到账"),
.DefaultSectionItem(title: "车务代办", image: "违章处理", details: "方便快捷、省时省心"),
.DefaultSectionItem(title: "信用卡办理", image: "信用卡代办", details: "高额度、自由选")
])
])}
}
推荐阅读
- 2020-04-07vue中Axios的封装和API接口的管理
- iOS中的Block
- 记录iOS生成分享图片的一些问题，根据UIView生成固定尺寸的分享图片
- 2019-08-29|2019-08-29 iOS13适配那点事
- Hacking|Hacking with iOS: SwiftUI Edition - SnowSeeker 项目（一）
- iOS面试题--基础
- 接口|axios接口报错-参数类型错误解决
- iOS|iOS 笔记之_时间戳 + DES 加密
- iOS，打Framework静态库
- 常用git命令总结