Rxswift学习：01-展示一个music列表

代码基于swift4.0.

效果：

这里只能显示歌曲名，没能显示歌手，以后学了再改进

由于这里用的是纯代码实现，还不知道再RxSwift中如何修改cell的类型。所以只能显示歌曲名。如果用sb实现，可以直接在sb里面设置成带detail信息的cell。

1. 代码结构

   
   
   RxSwift-MusicCodeStructure.png

2. model

struct XXMusic {
    let name: String //歌名
    let singer: String //演唱者
    
    init(name: String, singer: String) {
        self.name = name
        self.singer = singer
    }
}

//实现 CustomStringConvertible 协议，方便输出调试
extension XXMusic: CustomStringConvertible {
    var description: String {
        return "name：\(name) singer：\(singer)"
    }
}

3. viewModel

struct XXMusicListViewModel {
    let data = Observable.just([
        XXMusic(name: "无条件", singer: "陈奕迅"),
        XXMusic(name: "你曾是少年", singer: "S.H.E"),
        XXMusic(name: "从前的我", singer: "陈洁仪"),
        XXMusic(name: "在木星", singer: "朴树"),
        ])
}

4. controller

import UIKit
import RxSwift
import RxCocoa

class XXMusicViewController: UIViewController {

    let contentTableView = UITableView()
    
    let musicViewModel = XXMusicListViewModel()
    let disposeBag = DisposeBag()

    override func viewDidLoad() {
        super.viewDidLoad()
        
        setupUI()
        
        musicViewModel.data
            .bind(to: contentTableView.rx.items(cellIdentifier: "musicCell")) {_, music, cell in
                cell.textLabel?.text = music.name
                cell.detailTextLabel?.text = music.singer//这里设置无效，后续改进
        }.disposed(by: disposeBag)
        
        contentTableView.rx.modelSelected(XXMusic.self).subscribe(onNext: {music in
            print("selected music info : \(music)")
        }).disposed(by: disposeBag)
    }
    
    func setupUI() {
        navigationItem.title = "Music"
        
        contentTableView.frame = CGRect(x: 0, y: 64, width: view.frame.width, height: view.frame.height - 64)
        contentTableView.register(UITableViewCell.classForCoder(), forCellReuseIdentifier: "musicCell")
        view.addSubview(contentTableView)
        
        automaticallyAdjustsScrollViewInsets = false //防止tableView自动内容下移
    }
}