完整app-Jetpack-Mvvm 学习

源码地址

image

简介：使用 Jetpack 全家桶+Kotlin 实现的 Android 社区 App 加音乐播放器。不写晦涩难懂的代码，尽量标清每一行注释，严格遵守六大基本原则，大量运用设计模式，此项目可快速帮你入手 Kotlin、Jetpack。如果觉得对你有帮助，右上角点个 star，事先谢过🍉🍉🍉

内容

主题切换，，黑色主题和白色主题，主要是两个。。

    /**
     * 动态切换主题
     */
    private fun changeTheme() {
        val theme = PrefUtils.getBoolean(Constants.SP_THEME_KEY, false)
        if (theme) {
            setTheme(R.style.AppTheme_Night)
        } else {
            setTheme(R.style.AppTheme)
        }
    }


    <!--    白天主题-->
    <style name="AppTheme" parent="Theme.Design.Light.NoActionBar">
        <item name="colorPrimary">#666666</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">#EF3939</item>

        <item name="main_bg_1">#ffffff</item>
        <item name="main_bg_2">#EFEFEF</item>
        <item name="main_bg_3">#CACACA</item>

        <item name="theme_color_1">#333333</item>
        <item name="theme_color_2">#666666</item>
        <item name="theme_color_3">#999999</item>

        <item name="ripple_gray">#D1D1D1</item>

        <item name="float_bg">#F2FFFFFF</item>

        <item name="division_line">#EDEDED</item>

        <item name="android:navigationBarColor">#ffffff</item>


    </style>


    <!--    夜晚主题-->
    <style name="AppTheme_Night" parent="Theme.Design.Light.NoActionBar">
        <item name="colorPrimary">#999999</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">#EF3939</item>

        <item name="main_bg_1">#2C2C2C</item>
        <item name="main_bg_2">#FA3C3C3C</item>
        <item name="main_bg_3">#5E5E5E</item>

        <item name="theme_color_1">#BDBDBD</item>
        <item name="theme_color_2">#939393</item>
        <item name="theme_color_3">#737272</item>

        <item name="ripple_gray">#808080</item>

        <item name="float_bg">#D64C4C4C</item>

        <item name="division_line">#424242</item>

        <item name="android:navigationBarColor">#2C2C2C</item>

    </style>

主要是本地状态的保存，切换修改。

这个在界面

 override fun onCreate(savedInstanceState: Bundle?) {
        changeTheme()
        super.onCreate(savedInstanceState)
    }

onCreate 直接super 之前就调用。

之前以为是

目标地址https://www.jianshu.com/p/af7c0585dd5b

android studio 中新创建一个项目，里面就包括这俩个 style 了，在独立的 style 文件里面。这个作者写一起了。
切换代码

 /**
     * 却换夜间/白天模式
     */
    private fun setNightMode() {
        val theme = PrefUtils.getBoolean(Constants.SP_THEME_KEY,false)
        scDayNight.isChecked = theme
        //不能用切换监听,否则会递归
        scDayNight.clickNoRepeat {
            it.isSelected = !theme
            PrefUtils.setBoolean(Constants.SP_THEME_KEY, it.isSelected)
            mActivity.recreate()
        }
    }

因为整体就俩个activity 一个是欢迎界面，一个就是主界面，直接重新加载activity 就可以了。

2，权限申请
为什么还提这块呢？因为，好的应用都是先提醒用户，而不是直接去申请权限。

/**
     * 申请权限
     */
    private fun requestPermission(){
        //已申请
        if (EasyPermissions.hasPermissions(this, *perms)) {
            startIntent()
        }else{
            //为申请，显示申请提示语
            DialogUtils.tips(this,tips){
                    RequestLocationAndCallPermission()
            }
        }
    }

这样先弹dialog 然后在弹出来申请的权限。接着进入。
3，倒计时

① 
 CoroutineScope(job).launch {
            delay(splashDuration)
            MainActivity.start(this@SplashActivity)
            finish()
        }
②
  ThreadUtils.runOnUiThreadDelayed({
            val token = mmkv.decodeString("token", "")// 盘点是否存在，来盘点登录
            if (TextUtils.isEmpty(token)) {
                ViewUtils.goLoginActivity()
            } else {
                goGreenActivity(Bundle(), "/main/activity")
            } 
            finish()
        }, 3)
③
        disposable = Observable.timer(2000,TimeUnit.MILLISECONDS)
            .subscribe {
                startActivity(Intent(this,MainActivity::class.java))
                finish()
            }

4.Navigation 的使用

    //navigation
    implementation 'android.arch.navigation:navigation-fragment:1.0.0'
    implementation 'android.arch.navigation:navigation-ui:1.0.0'

流程创建
https://www.cnblogs.com/guanxinjing/p/11555217.html
页面跳转
-- Navigation.findNavController(getView()).navigate(R.id.action_one_to_two);
退出 fragment 在主的activity 中进行就可以了

 override fun onBackPressed() {
        //获取hostFragment
        val mMainNavFragment: Fragment? =
            supportFragmentManager.findFragmentById(R.id.host_fragment)
        //获取当前所在的fragment
        val fragment =
            mMainNavFragment?.childFragmentManager?.primaryNavigationFragment
        //如果当前处于根fragment即HostFragment
        if (fragment is MainFragment) {
            //Activity退出但不销毁
            moveTaskToBack(false)
        } else {
            super.onBackPressed()
        }
    }

5.mvvm 学习
layout 可以继承的是data 和ViewModel
先是adapter 里面更新数据

holder.itemView.clickNoRepeat {
            onItemClickListener?.invoke(position,it)
        }
        //收藏
        holder.itemView.findViewById<View>(R.id.ivCollect)?.clickNoRepeat {
            onItemChildClickListener?.invoke(position,it)
        }
        val binding = if (holder is ArticleViewHolder){
            //获取ViewDataBinding
            DataBindingUtil.getBinding<ItemHomeArticleBinding>(holder.itemView)?.apply {
                dataBean = getItem(position)
            }
        }else{
            DataBindingUtil.getBinding<ItemProjectBinding>(holder.itemView)?.apply {
                dataBean = getItem(position)
            }
        }
        binding?.executePendingBindings()

binding?.executePendingBindings() 更新说明
例如收藏处理

 <ImageView
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:id="@+id/ivCollect"
            android:padding="5dp"
            android:layout_alignTop="@+id/tvChapterName"
            android:layout_alignParentRight="true"
            android:layout_marginRight="@dimen/padding"
            articleCollect="@{dataBean.collect}" />

/**
     * 加载图片,做高斯模糊处理
     */
    @BindingAdapter(value = ["articleCollect"])
    @JvmStatic
    fun imgPlayBlur(view: ImageView, collect: Boolean) {
        if (collect) {
            view.setImageResource(R.mipmap._collect)
        } else {
            view.setImageResource(R.mipmap.un_collect)
        }
    }

Snipaste_2021-05-25_09-35-19.png

点击可以直接找到。

我写了一个自定义view 也可以这样做了。。

class MaterialView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : LinearLayout(context, attrs, defStyleAttr) {

    var binding: ItemMaterialBinding? = null

    init { 
        binding = DataBindingUtil.inflate(LayoutInflater.from(context), R.layout.item_material, this, false)
        addView(binding?.root)
    }

    fun setData(data: String) {
        binding?.data = data
        binding?.executePendingBindings()
    }

}

layout 里面内容

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>
        <variable
            name="data"
            type="String" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{data}" />

        <Button
            android:id="@+id/btApplay"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="申请"/>


    </LinearLayout>
</layout>

可以自定义view 和adapter 中使用。。。。

6.RecyclerView 的使用。

 <com.scwang.smartrefresh.layout.SmartRefreshLayout
            android:id="@+id/smartRefresh"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="54dp">

            <androidx.coordinatorlayout.widget.CoordinatorLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <com.google.android.material.appbar.AppBarLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <cn.bingoogolapple.bgabanner.BGABanner
                        android:id="@+id/banner"
                        android:layout_width="match_parent"
                        android:layout_height="200dp"
                        app:banner_indicatorGravity="left"
                        app:banner_pageChangeDuration="1000"
                        app:banner_pointAutoPlayAble="true"
                        app:banner_pointAutoPlayInterval="3000"
                        app:banner_pointContainerBackground="@color/transparent"
                        app:banner_pointContainerLeftRightPadding="@dimen/padding"
                        app:banner_pointDrawable="@drawable/bga_banner_selector_point_hollow"
                        app:banner_pointTopBottomMargin="40dp"
                        app:layout_scrollFlags="scroll"/>
                </com.google.android.material.appbar.AppBarLayout>


                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/rvHomeList"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:overScrollMode="never"
                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
                    app:layout_behavior="@string/appbar_scrolling_view_behavior" />
            </androidx.coordinatorlayout.widget.CoordinatorLayout>
        </com.scwang.smartrefresh.layout.SmartRefreshLayout>

RecyclerView 上面有一个 bean 处理，我还以为在adapter 里面添加 header 处理呢
还以为用ScrollView 和 RecyclerView 同时使用，只是给RecyclerView 设置高度就可以。这样处理最简单了。

  android:overScrollMode="never"
  app:layout_behavior="@string/appbar_scrolling_view_behavior"

就搞定了。

6.tab 切换viewpager2 结合使用
https://www.jianshu.com/p/f3022211821c

  const val banner = "cn.bingoogolapple:bga-banner:2.2.7"
    const val magic = "com.github.hackware1993:MagicIndicator:1.6.0"

使用第三方主要是组合数据和样式就可以了。
不过使用 apply 关键词很爽

mutableListOf<String>().apply {
            add("体系")
            add("导航")
            initViewPager(this)
        }

还能进行fragment 传数据

arrayListOf<Fragment>().apply {
            tabList.forEach {
                add(ArticleListFragment().apply {
                    //想各个fragment传递信息
                    val bundle = Bundle()
                    bundle.putInt("type", type)
                    bundle.putInt("tabId", it.id)
                    bundle.putString("name", it.name)
                    arguments = bundle
                })
            }
        })

异常处理封装

在BaseViewModel 里面处理的



/**
 * 错误方法
 */
typealias VmError =  (e: ApiException) -> Unit

/**
 * des 基础vm
 * @date 2020/5/13
 * @author zs
 */

open class BaseViewModel:ViewModel() {

    /**
     * 错误信息liveData
     */
    val errorLiveData = MutableLiveData<ApiException>()

    /**
     * 无更多数据
     */
    val footLiveDate = MutableLiveData<Any>()

    /**
     * 无数据
     */
    val emptyLiveDate = MutableLiveData<Any>()

    /**
     * 处理错误
     */
    fun handleError(e: Throwable){
        val error = getApiException(e)
        toast(error.errorMessage)
        errorLiveData.postValue(error)
    }

    protected fun <T> launch(
        block:  () -> T
        , error:VmError? = null) {
        viewModelScope.launch {
            runCatching {
                block()
            }.onFailure {
                it.printStackTrace()
                getApiException(it).apply {
                    withContext(Dispatchers.Main){
                        error?.invoke(this@apply)
                        toast(errorMessage)
                    }
                }
            }
        }
    }

    protected fun <T> launch(block: suspend () -> T) {
        viewModelScope.launch {
            runCatching {
                block()
            }.onFailure {
                if (BuildConfig.DEBUG) {
                    it.printStackTrace()
                    return@onFailure
                }
                getApiException(it).apply {
                    withContext(Dispatchers.Main){
                        toast(errorMessage)
                        //统一响应错误信息
                        errorLiveData.value = this@apply
                    }
                }
            }
        }
    }

    /**
     * 捕获异常信息
     */
    private fun getApiException(e: Throwable): ApiException {
        return when (e) {
            is UnknownHostException -> {
                ApiException("网络异常", -100)
            }
            is JSONException -> {//|| e is JsonParseException
                ApiException("数据异常", -100)
            }
            is SocketTimeoutException -> {
                ApiException("连接超时", -100)
            }
            is ConnectException -> {
                ApiException("连接错误", -100)
            }
            is HttpException -> {
                ApiException("http code ${e.code()}", -100)
            }
            is ApiException -> {
                e
            }
            /**
             * 如果协程还在运行，个别机型退出当前界面时，viewModel会通过抛出CancellationException，
             * 强行结束协程，与java中InterruptException类似，所以不必理会,只需将toast隐藏即可
             */
            is CancellationException -> {
                ApiException("", -10)
            }
            else -> {
                ApiException("未知错误", -100)
            }
        }
    }

    /**
     * 处理列表是否有更多数据
     */
    protected fun<T> handleList(listLiveData: LiveData<MutableList<T>>,pageSize:Int = 20){
        val listSize = listLiveData.value?.size?:0
        if (listSize % pageSize != 0){
            footLiveDate.value = 1
        }
    }
}

在携程后面添加onFailure
viewModelScope.launch {
runCatching {
block()
}.onFailure {
} 就可以把所有问题就解决了然后统一处理。

8，收藏和取消收藏。。。处理本地数据的能力


    /**
     * 收藏
     */
    suspend fun collect(id: Int) {
        repo.collect(id)
        val list = listLiveData.value
        list?.map {
            if (id == it.id) {
                it.copy(collect = true)
            } else {
                it
            }
        }?.toMutableList().let {
            listLiveData.value = it
        }
    }

    /**
     * 取消收藏
     */
    suspend fun unCollect(id: Int) {
        repo.unCollect(id)
        val list = listLiveData.value
        list?.map {
            if (id == it.id) {
                it.copy(collect = false)
            } else {
                it
            }
        }?.toMutableList().let {
            listLiveData.value = it
        }
    }

因为类型MutableLiveData 改版了页面也会跟着变化。
9.kotlin 易报错地方envelopePic.isNullOrEmpty()来判断空
转 MutableList 的方法

list.map {
                ArticleListBean().apply {
                    id = it.originId
                    author = it.author
                    collect = true
                    desc = it.desc
                    picUrl = it.envelopePic
                    link = it.link
                    date = it.niceDate
                    title = Html.fromHtml(it.title).toString()
                    articleTag = it.chapterName
                    topTitle = ""
                }
            }.toMutableList()

10.NavHostFragment 的修改。主要是为了修改fragment 直接切换这样生命周期进行变化的处理。
默认生命周期，直接杀死，然后在重新创建，走了整个生命周期。

修改后只有onHiddenChanged 方法了变化。
androidx.navigation.fragment.NavHostFragment 包下内容修改了。。

去掉implementation 'androidx.navigation:navigation-fragment-ktx:2.3.0'

需要添加

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item name="nav_host_fragment_container" type="id"/>
    <declare-styleable name="DialogFragmentNavigator">
        <attr name="android:name"/>
    </declare-styleable>
    <declare-styleable name="FragmentNavigator">
        <attr name="android:name"/>
    </declare-styleable>
    <declare-styleable name="NavHostFragment">
        <attr format="boolean" name="defaultNavHost"/>
    </declare-styleable>
</resources>

这些数据 values.xml 数据
用项目的里面的就可以了。

最后编辑于：2021.06.05 10:09:20

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 214,951评论 6赞 497
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 91,606评论 3赞 389
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 160,601评论 0赞 350
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 57,478评论 1赞 288
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 66,565评论 6赞 386
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 50,587评论 1赞 293
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 39,590评论 3赞 414
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,337评论 0赞 270
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 44,785评论 1赞 307
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,096评论 2赞 330
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,273评论 1赞 344
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 34,935评论 5赞 339
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 40,578评论 3赞 322
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,199评论 0赞 21
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,440评论 1赞 268
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 47,163评论 2赞 366
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 44,133评论 2赞 352

完整app-Jetpack-Mvvm 学习

源码地址

内容

推荐阅读更多精彩内容