完整app-Jetpack-Mvvm 学习
2021-05-25 本文已影响0人
客观开发者
源码地址
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 数据
用项目的里面的就可以了。
