用Kotlin+Retrofit+RxKotlin+MVP擼了一個小項目

時間 2019-11-24

標籤 kotlin+retrofit+rxkotlin+mvp kotlin retrofit rxkotlin mvp 一個小項目简体版

原文原文鏈接

做爲Android開發者，對於谷歌大大力推的Kotlin確定是要會用的啦。最近就使用了豆瓣電影的部分接口擼了一個小Demo來學習。(因爲電腦比較渣，開了模擬器錄屏好卡。其實在手機上仍是很流暢的。哈哈哈)java

簡介

遵循MD風格,採用MVP架構，使用了Kotlin+Retrofit+RxKotlin開發。如今主要有兩個功能：android

豆瓣電影正在上映列表與詳情(因爲API的限制，部分功能未實現)
使用方向傳感器與矩陣實現了圖片隨手機擺動而移動位置（須要真機）

關於第一個功能

Kotlin+Retrofit+RxKotlin 一塊兒使用

在ApiServers中定義請求方法

@GET(BaseURL.HOTSCREEN)
    fun getHotScreenList(@QueryMap par: HashMap<String, String>): Observable<HotScreenResult>
複製代碼

在module層中封裝

override fun loadHotScreenData(page: Int, next: (result: HotScreenResult) -> Unit
                                   , error: (th: Throwable) -> Unit) {
        val parm = HashMap<String, String>()
        parm.put("apikey", getApiKey())
        parm.put("city", "深圳")
        parm.put("start", page.toString())
        parm.put("count", "10")
        parm.put("client", "")
        parm.put("udid", getToken())
        BuildApi.buildApiServers()!!
                .getHotScreenList(parm)
                .subscribeOn(Schedulers.newThread())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribeBy(
                        onNext = next,
                        onError = error)
    }
複製代碼

Presenter層調用git

if (view == null || module == null)
            return
    view?.showLoading()
    module?.loadHotScreenData(page, {
        view!!.notifyList(it)
        view!!.dismissLoading()
        }, {
        it.printStackTrace()
        view!!.dismissLoading()
        view!!.showTipMessage(1, "網絡異常")})
複製代碼

共享元素轉場動畫

在要轉場的xml文件中分別定義相同的transitionName

<!-- 第一個頁面 -->
<ImageView
            android:id="@+id/item_hot_screen_image"
            android:layout_width="@dimen/dimen_100"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:transitionName="@string/t_movie_list_to_detail"/>


<!-- 第二個頁面 -->
<ImageView
                android:id="@+id/movie_detail_coll_head_photo"
                android:layout_width="@dimen/dimen_150"
                android:layout_height="match_parent"
                android:layout_gravity="center_horizontal"
                android:layout_marginBottom="@dimen/dimen_15"
                android:layout_marginTop="@dimen/dimen_55"
                android:scaleType="centerCrop"
                android:transitionName="@string/t_movie_list_to_detail"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.6" />

複製代碼

在代碼中定義

//第一個頁面
val intent = Intent(activity, MovieDetailAct::class.java)
        intent.putExtra("id", mData[position].id)
        //第二個參數：共享元素的view  第三個參數:在xml文件中定義的transitionName
        val optionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(activity,
                shareView,
                getString(R.string.t_movie_list_to_detail))
        startActivity(intent, optionsCompat.toBundle())


//第二個頁面
postponeEnterTransition() //延遲動畫
...
...
startPostponedEnterTransition() //開始動畫
複製代碼

圖片取色

用到了 v7 包中的工具 Palette,須要注意的是因爲圖片的複雜性，不必定每張圖片都能取到相應的顏色，因此必定要作非空判斷。github

Palette.from(resource).generate {
                    if (it != null) {
                        val dvs = it.darkVibrantSwatch //暗色有活力的
                        val lvs = it.lightVibrantSwatch //亮色有活力的
                        val dms = it.darkMutedSwatch //暗色柔和的
                        val lms = it.lightMutedSwatch //亮色柔和的
                        var color = when {
                            dvs?.rgb != null -> dvs.rgb
                            lvs?.rgb != null -> lvs.rgb
                            dms?.rgb != null -> dms.rgb
                            lms?.rgb != null -> lms.rgb
                            else -> ContextCompat.getColor(getContext(), R.color.themColor)
                        }
                        window.statusBarColor = color //狀態欄
                        movie_detail_coll_head_bg.setBackgroundColor(color)
                        movie_detail_coll_layout.setContentScrimColor(color)
                    }
                }
複製代碼

定義高階函數

fun setOnItemClickListener(listener: (itemView: View, position: Int, shareView: View) -> Unit) {
        itemClick = listener
    }
 ....
 ....    
 holder?.btn?.setOnClickListener {
            if (itemBtnClick != null)
                itemBtnClick.invoke(it, position)
        }
複製代碼