Download to read offline
![状態
ページングなし、再取得なし、読んだ情報を表示するだけの画面
読み込みしていない[初期状態]
読み込み中
読み込み成功（with 読み込めたデータ）
読み込み失敗（with エラー内容）](https://image.slidesharecdn.com/shibuyaapk17-170804105257/75/slide-13-2048.jpg)
![再読込もページングもする画面の状態
読み込みしていない[初期状態]
読み込み中 （with ページ番号、今までに読み込んだアイテム）
読み込み成功（with ページ番号、アイテム+ 新しいアイテム）
読み込み失敗(with ページ番号、エラー、アイテム)
ページ終端(with アイテム+ 新しいアイテム)
読み込みに失敗してページ終端に到達することはない
操作
次のページを読み込む
読み込みに成功したらアイテムを増やし、ページ番号を増やす
再読込
抱えてるアイテムを破棄して、ページ番号を1に戻す](https://image.slidesharecdn.com/shibuyaapk17-170804105257/75/slide-22-2048.jpg)
画面状態を抽象化してテスタブル設計ライフを送ろう
- 1.
- 2.
- 3.
- 4. var page =1 var isLoading = false var hasBeenReachedPageEnd = false var isInitialLoading = true fun showData(data: Data) { page++ hasBeenReachedPageEnd = checkPageEnd(data) adapter.setDataAndNotifyChanged(data) } if (!isLoading && !hasBeenReachedPageEnd) { repository .getData() .subscribe(object: Observer { override fun onNext(data: Data) { showData(data) } override fun onStart() { isLoading = true; showProggress(isInitialLoading) } override fun onComplete() { isLoading = false; hideProgress(isInitialLoading); isIlitialLoading = false } }) }
- 5.
- 6.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. sealed class State{ // 読み込みしていない object NeverFetched : State() // 読み込み中 object Fetching : State() // 読み込み成功 data class Success(val data: Data) : State() // 読み込み失敗 data class Failure(val error: Throwable) : State() }
- 15.
- 16. 図 +--------------+ | NeverFetched | +--------------+ | |fetch v +----------+ | Fetching | +----------+ | | (読み込みが終わったら自動で遷移) +--------------------- | | v v +---------------+ +----------------+ | Success(data) | | Failure(Error) | +---------------+ +----------------+
- 17.
- 18. class Model(private valrepository: Repository) { // 状態を保持するメンバ代わり。通知役も兼ねる。 private val stateHolder = BehaviorSubject .createDefault<State>(State.NeverFetched) // 外にはObservableとして公開 val stateObservable: Observable<State> get() = stateHolder
- 19. private fun fetchRepo(){ // 読み込みが始まるときに、読み込み中状態にする。 stateHolder.onNext(State.Fetching) repository.getData().subscribe({ data -> // 読み込み成功 stateHolder.onNext(State.Success(data)) }, { error -> // 読み込み失敗 stateHolder.onNext(State.Failure(error)) }) } fun fetch() { // NeverFetched状態でなければ要求を無視する when (stateHolder.value) { is State.NeverFetched -> fetchRepo() else -> return } } }
- 20. 図のとおりになっているはず +--------------+ | NeverFetched | +--------------+ | |fetch v +----------+ | Fetching | +----------+ | | (読み込みが終わったら自動で遷移) +--------------------- | | v v +---------------+ +----------------+ | Success(data) | | Failure(Error) | +---------------+ +----------------+
- 21.
- 22. 再読込もページングもする画面の状態 読み込みしていない[初期状態] 読み込み中 （with ページ番号、今までに読み込んだアイテム） 読み込み成功（withページ番号、アイテム+ 新しいアイテム） 読み込み失敗(with ページ番号、エラー、アイテム) ページ終端(with アイテム+ 新しいアイテム) 読み込みに失敗してページ終端に到達することはない 操作 次のページを読み込む 読み込みに成功したらアイテムを増やし、ページ番号を増やす 再読込 抱えてるアイテムを破棄して、ページ番号を1に戻す
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.