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

其實(shí)實(shí)現(xiàn)的功能很簡單并且很常用，這個demo只是為了方便大家了解和學(xué)習(xí)RxSwift

Demo

1.Tap

一個簡單的Demo，主要實(shí)現(xiàn)了點(diǎ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間，實(shí)時更新

核心代碼如下：

 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滑動時隱藏鍵盤，好像模擬器運(yùn)行有點(diǎn)問題，待解決

核心代碼如下：

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實(shí)現(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!
        }