android ‘低’仿支付寶我的應用功能!(含完整Demo)

語言: CN / TW / HK

’低‘配支付寶我的應用功能

最近項目需求,要求我仿造支付寶功能,寫一個類似的功能,想了1天,實操2天終於搞定了!!

先來看看實現的效果:

|效果一|效果二|效果三| |--|--|--| |||

我的環境

  • 設備: mac
  • AS : gradle:4.1.3
  • gradle: gradle-6.5-bin

依賴:

```java //萬能適配器 BaseQuickAdapter implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.30'

//viewModel
implementation "androidx.lifecycle:lifecycle-viewmodel:2.2.0"
kapt 'androidx.room:room-compiler:2.2.5'

// navigation
def nav_version = "2.3.5"
implementation "androidx.navigation:navigation-fragment-ktx:$nav_version"
implementation "androidx.navigation:navigation-ui-ktx:$nav_version"
implementation 'com.android.support:multidex:1.0.3'

//jetPack room
implementation 'android.arch.persistence.room:runtime:1.1.1'
annotationProcessor 'android.arch.persistence.room:compiler:1.1.1'
implementation "org.reactivestreams:reactive-streams:1.0.2"

//Gson
implementation 'com.google.code.gson:gson:2.8.6'

```

界面和需求分析

  • 首頁:


首頁展示5條數據點擊更多跳轉到更多頁面

[我這裏的recyclerView和更多頁面RecyclerView是複用的!]

⚠️: 這裏我是用room數據庫來存儲的!

  • 更多頁面:


  • 點擊編輯 item0 為 - 號, 以外的為+號,
  • 點擊 - 號 ,回到對應的組中
  • 點擊 + 號 回到item0,並在首頁展示
  • 點擊退出,不執行操作,回到上個頁面
  • 點擊完成 保存當前的操作,返回上個頁面
  • 利用 BaseQuickAdapter 實現RecyclerView的Item滑動!

我這裏的佈局是採用RecyclerView嵌套RecyclerView來完成的!

代碼思路

⚠️: 因代碼過多,本篇不提供代碼細節,只提供代碼思路!,如想查看代碼細節請下載查看!

  • 使用viewmodel + liveData + navigation [實現2個Fragment數據共享]
  • 使用room數據庫 [實現大的數據保存]
  • 使用BaseQuickAdapter萬能適配器 完成RecyclerView的佈局

更多細節請下載查看!

完整代碼

原創不易,您的點贊就是對我最大的支持!