本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)
原文鏈接：開發(fā)以太坊安卓錢包系列第3篇，原文已更新，請讀者前往原文閱讀
這是如何開發(fā)以太坊（安卓）錢包系列第3篇， 錢包賬號資產(chǎn)信息展示，展示信息主要包括賬號地址、eth余額及該賬號所擁有的Token及余額。
預(yù)備知識 MVVM
本文會涉及和UI界面的交互，提前理解下界面和數(shù)據(jù)如何交互是非常有必要的，如果你已經(jīng)很熟悉MVVM，可跳過這一小節(jié)。
最早寫Android的時(shí)候，數(shù)據(jù)和界面經(jīng)常耦合在一起，一個(gè)Activity文件總是特別大，每當(dāng)產(chǎn)品界面改版就非常痛苦，吐槽下，很多產(chǎn)品經(jīng)理都喜歡對界面改來改去。
后來Google 推薦多個(gè)架構(gòu)模式： MPV、 MVVM模式來解決數(shù)據(jù)和UI耦合的問題，登鏈錢包代碼，使用的就是MVVM模式，所以對它做一個(gè)簡單介紹，下面是MVVM的視圖和數(shù)據(jù)的交互圖：
View 通常對應(yīng)于Activity/Fragment/自定義View
Model：則是和數(shù)據(jù)相關(guān)的模塊。
View 與 Model 不直接發(fā)生聯(lián)系， 而是通過ViewModel負(fù)責(zé)接收View層的事件以及獲取并處理數(shù)據(jù)，ViewModel層的數(shù)據(jù)變化也會通知給View層進(jìn)行相應(yīng)的UI的更新，從而實(shí)現(xiàn)業(yè)務(wù)邏輯和Ui的隔離。
使用MVVM模式最大的優(yōu)點(diǎn)就是解耦， 因?yàn)閿?shù)據(jù)處理邏輯是獨(dú)立于View, 在UI更改時(shí)，ViewModel 不用做太多改動(dòng)。
我們使用了Google在I/O大會推出的一套遵循MVVM開發(fā)模式的LiveData和ViewModel組件架構(gòu)。
ViewModel 和 LiveData
ViewModel 會關(guān)注UI生命周期來存儲和管理數(shù)據(jù)，在Activity發(fā)生變化（鎖屏開屏、旋轉(zhuǎn)）時(shí)，ViewModel 會自動(dòng)保留之前的數(shù)據(jù)并給新的Activity或Fragment使用，當(dāng)界面被系統(tǒng)銷毀時(shí)，ViewModel也會進(jìn)行資源清理，避免內(nèi)存泄漏。
ViewModel 還可以用于不同界面間數(shù)據(jù)共享。
LiveData是一個(gè)可觀察的數(shù)據(jù)持有者類。觀察者可以方便我們以異步的方式獲取數(shù)據(jù)，同時(shí)LiveData也是有生命周期感知的。如果其生命周期處于STARTED或RESUMED狀態(tài)。LiveData會將觀察者視為活動(dòng)狀態(tài)，并通知其數(shù)據(jù)的變化。LiveData未注冊的觀察對象以及非活動(dòng)觀察者是不會收到有關(guān)更新的通知。
了解更多，可自行以關(guān)鍵字： Lifecycle、ViewModel、LiveData 進(jìn)行搜索。
賬號信息展示
展示信息主要包括賬號地址、eth余額及該賬號所擁有的Token及余額， 其界面效果如下:
這個(gè)界面應(yīng)的是登鏈錢包的
PropertyFragment，上圖的UPT 是我自己發(fā)行的Token，所以沒有顯示價(jià)格
現(xiàn)在我們來思考一下， 怎么來展現(xiàn)上面的數(shù)據(jù)， 別著急往下看， 可以先想想。
先對問題做一個(gè)拆分，把數(shù)據(jù)拆分為4個(gè)部分：
- 顯示當(dāng)前選中的賬號
- 顯示當(dāng)前賬號 ETH 余額
- 顯示當(dāng)前賬號下 Token 數(shù)量
- 顯示對應(yīng)的法幣金額。
為了避免 UI 與上面4個(gè)數(shù)據(jù)的耦合，代碼使用了一個(gè)TokensViewModel， 獲取到的數(shù)據(jù)用 LiveData做了一個(gè)Wrap，以便UI可以訂閱數(shù)據(jù)，TokensViewModel類像下面，代碼有刪減：
public class TokensViewModel extends ViewModel {
private final MutableLiveData<ETHWallet> defaultWallet;
private final MutableLiveData<NetworkInfo> defaultNetwork;
private final MutableLiveData<Token[]> tokens;
private final MutableLiveData<Ticker> prices;
}
MutableLiveData 是前面提到的 LiveData的子類，在UI界面中就可以對數(shù)據(jù)進(jìn)行訂閱，下面我們逐一拆解下每個(gè)數(shù)據(jù)。
顯示當(dāng)前賬號
可以分為兩個(gè)步驟：
- 從數(shù)據(jù)庫中讀取賬號；
- 界面顯示賬號
TokensViewModel中定義了一個(gè)MutableLiveData<ETHWallet> defaultWallet ，從數(shù)據(jù)庫中讀取賬號會保存在defaultWallet中，然后UI對 defaultWallet 進(jìn)行觀察顯示。
注解: 登鏈錢包 里大量使用的這個(gè)方式，通過一個(gè)LiveData 做數(shù)據(jù)橋接。
在上一篇導(dǎo)入賬號及賬號管理，所有的賬號使用greenDao 存儲起來， 因此我們只需要把所有賬號從加載出來，挑選出當(dāng)前選中的那一個(gè)。 結(jié)合代碼看一看：
// WalletDaoUtils.java
public static ETHWallet getCurrent() {
List<ETHWallet> ethWallets = ethWalletDao.loadAll();
for (ETHWallet ethwallet : ethWallets) {
if (ethwallet.isCurrent()) {
ethwallet.setCurrent(true);
return ethwallet;
}
}
return null;
}
上面代碼先用 ETHWalletDao.loadAll 加載出所有的賬號，返回當(dāng)前選中的，上面的代碼會被FetchWalletInteract 類的 findDefault方法調(diào)用，在ViewModle里，很多時(shí)候以數(shù)據(jù)進(jìn)行交互的類，我們會命名為 xxxInteract，這也是一個(gè)習(xí)慣用法。
其代碼如下：
// FetchWalletInteract.java
// 返回一個(gè)可訂閱的Single<ETHWallet> 對象
public Single<ETHWallet> findDefault() {
return Single.fromCallable(() -> {
return WalletDaoUtils.getCurrent();
}).subscribe(this::onDefaultWallet);
}
// 獲取到默認(rèn)錢包賬號 設(shè)置到 defaultWallet 這個(gè)LiveData
private void onDefaultWallet(ETHWallet wallet) {
defaultWallet.setValue(wallet);
}
findDefault()返回一個(gè)可訂閱的Single<ETHWallet> 對象，如果不熟悉可參考后面的文檔。
之后，在UI界面PropertyFragment.java 中， 就可以對 defaultWallet 進(jìn)行訂閱：
tokensViewModel.defaultWallet().observe(this, this::showWallet);
當(dāng)獲取到默認(rèn)賬號時(shí)，就會回調(diào)showWallet:
// UI 顯示
public void showWallet(ETHWallet wallet) {
tvWalletName.setText(wallet.getName());
tvWalletAddress.setText(wallet.getAddress());
}
這樣， 界面的顯示就完成了，下一篇繼續(xù)介紹獲取余額。
參考文檔
- lifecycle官方文檔地址
- RxAndroid 了解更多響應(yīng)式編程
我創(chuàng)建了一個(gè)專門討論錢包開發(fā)的微信群，加微信：xlbxiong 備注：錢包。
加入知識星球，和一群優(yōu)秀的區(qū)塊鏈從業(yè)者一起學(xué)習(xí)。
深入淺出區(qū)塊鏈 - 系統(tǒng)學(xué)習(xí)區(qū)塊鏈，學(xué)區(qū)塊鏈的都在這里，打造最好的區(qū)塊鏈技術(shù)博客。
本文原文鏈接
