A simple RxSwift daily use case is a simple but practical
????中文介紹
GitHub
Clone
git clone https://github.com/KingComeFromChina/RxSwiftExmple.git
Pod
pod 'RxSwift', '~> 3.0'
pod 'RxCocoa', '~> 3.0'
Use
import RxSwift
import RxCocoa
Gif
1
Total
其實實現(xiàn)的功能很簡單并且很常用，這個demo只是為了方便大家了解和學(xué)習(xí)RxSwift
Demo
1.Tap
一個簡單的Demo，主要實現(xiàn)了點擊按鈕，數(shù)字加1，長按屏幕，數(shù)字加2
核心代碼如下：
tapBtn.rx.tap.subscribe(onNext:{[weak self] in
let number = Int((self?.numberLabel.text)!)
self?.numberLabel.text = String(number! + 1)
}).disposed(by: disposeBag)
resetBtn.rx.tap.subscribe(onNext:{[weak self] in
self?.numberLabel.text = "0"
}).disposed(by: disposeBag)
longPressGesture.rx.event.subscribe(onNext: { [weak self] _ in
let number = Int((self?.numberLabel.text)!)
self?.numberLabel.text = String(number! + 2)
}).disposed(by: disposeBag)
2.GetDateAndTime
獲取當(dāng)?shù)厝掌诤蜁r間，實時更新
核心代碼如下：
self.refreshBtn.rx.tap.map{ _ in
let dateformatter = DateFormatter()
dateformatter.dateStyle = .medium
dateformatter.timeStyle = .medium
return dateformatter.string(from: Date())
}.bindTo(timeLabel.rx.text)
.addDisposableTo(disposeBag)
3.DismissKeyBoard
textView滑動時隱藏鍵盤，好像模擬器運行有點問題，待解決
核心代碼如下：
swipeGesture.rx.event.subscribe(onNext:{ [weak self] _ in
self?.view.endEditing(true)
}).addDisposableTo(disposeBag)
4.AddPhoto
添加圖片，用于平時開發(fā)中更換頭像
核心代碼如下：
barButtonItem.rx.tap.flatMapLatest({ [weak self] _ in
return UIImagePickerController.rx.createWithParent(self) { picker in
picker.sourceType = .photoLibrary
picker.allowsEditing = false
}.flatMap({
$0.rx.didFinishPickingMediaWithInfo
}).take(1)
}).map({ info in
return info[UIImagePickerControllerOriginalImage] as? UIImage
}).bindTo(imageView.rx.image)
.disposed(by: disposeBag)
5.PullToRefresh
用Rx實現(xiàn)的下拉刷新，大家可以感受一下,同時也加入了刪除和移動cell的功能
核心代碼如下：
items.asObservable().bindTo(tableView.rx.items(cellIdentifier: cellID, cellType: UITableViewCell.self)) { (row, element , cell) in
cell.textLabel?.text = element
}.disposed(by: disposeBag)
refreshControl.rx.controlEvent(.valueChanged).subscribe(onNext: {_ in
items.value = items2
self.refreshControl.endRefreshing()
}).disposed(by: disposeBag)
6.TableViewTest
模仿通訊錄做的，同時也加入了索引
核心代碼如下：
dataSource.configureCell = { (_, TestTableView,indexPatch, element) in
let cell = TestTableView.dequeueReusableCell(withIdentifier: self.cell)
cell?.textLabel?.text = element
return cell!
}
dataSource.sectionForSectionIndexTitle = {(dataSource, title , index) -> Int in
return index
}
dataSource.sectionIndexTitles = {ds -> [String]? in
return ds.sectionModels.map({ $0.model})
}
7.LocalDataTest
加載本地數(shù)據(jù)，模仿最近聯(lián)系人的界面
核心代碼如下：
dataSource.configureCell = {(_,tv,indexPath,element) in
let cell = tv.dequeueReusableCell(withIdentifier: self.content)
cell?.textLabel?.text = element["name"]
let image = UIImage(named: element["avatar"]!)
let imageSize = CGSize.init(width: 36, height: 36)
UIGraphicsBeginImageContextWithOptions(imageSize, false, 0.0)
let imageRect = CGRect.init(x: 0, y: 0, width: imageSize.width, height: imageSize.height)
image?.draw(in: imageRect)
cell?.imageView?.layer.cornerRadius = 18
cell?.imageView?.layer.masksToBounds = true
cell?.imageView?.image = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return cell!
}
