如何開發一款以太坊安卓錢包系列3 - 資產信息展現

本文首發於深刻淺出區塊鏈社區
原文連接：開發以太坊安卓錢包系列第3篇，原文已更新，請讀者前往原文閱讀

這是如何開發以太坊（安卓）錢包系列第3篇， 錢包帳號資產信息展現，展現信息主要包括帳號地址、eth餘額及該帳號所擁有的Token及餘額。

預備知識 MVVM

本文會涉及和UI界面的交互，提早理解下界面和數據如何交互是很是有必要的，若是你已經很熟悉MVVM，可跳過這一小節。

最先寫Android的時候，數據和界面常常耦合在一塊兒，一個Activity文件老是特別大，每當產品界面改版就很是痛苦，吐槽下，不少產品經理都喜歡對界面改來改去。

後來Google 推薦多個架構模式： MPV、 MVVM模式來解決數據和UI耦合的問題，登鏈錢包代碼，使用的就是MVVM模式，因此對它作一個簡單介紹，下面是MVVM的視圖和數據的交互圖：

View 一般對應於Activity/Fragment/自定義View
Model：則是和數據相關的模塊。

View 與 Model 不直接發生聯繫， 而是經過ViewModel負責接收View層的事件以及獲取並處理數據，ViewModel層的數據變化也會通知給View層進行相應的UI的更新，從而實現業務邏輯和Ui的隔離。

使用MVVM模式最大的優勢就是解耦， 由於數據處理邏輯是獨立於View, 在UI更改時，ViewModel 不用作太多改動。

咱們使用了Google在I/O大會推出的一套遵循MVVM開發模式的LiveData和ViewModel組件架構。

ViewModel 和 LiveData

ViewModel 會關注UI生命週期來存儲和管理數據，在Activity發生變化（鎖屏開屏、旋轉）時，ViewModel 會自動保留以前的數據並給新的Activity或Fragment使用，當界面被系統銷燬時，ViewModel也會進行資源清理，避免內存泄漏。

ViewModel 還能夠用於不一樣界面間數據共享。

LiveData是一個可觀察的數據持有者類。觀察者能夠方便咱們以異步的方式獲取數據，同時LiveData也是有生命週期感知的。若是其生命週期處於STARTED或RESUMED狀態。LiveData會將觀察者視爲活動狀態，並通知其數據的變化。LiveData未註冊的觀察對象以及非活動觀察者是不會收到有關更新的通知。

瞭解更多，可自行以關鍵字： Lifecycle、ViewModel、LiveData 進行搜索。

帳號信息展現

展現信息主要包括帳號地址、eth餘額及該帳號所擁有的Token及餘額， 其界面效果以下:

這個界面應的是登鏈錢包的PropertyFragment，上圖的UPT 是我本身發行的Token，因此沒有顯示價格

如今咱們來思考一下， 怎麼來展示上面的數據， 彆着急往下看， 能夠先想一想。

先對問題作一個拆分，把數據拆分爲4個部分：

1. 顯示當前選中的帳號
2. 顯示當前帳號 ETH 餘額
3. 顯示當前帳號下 Token 數量
4. 顯示對應的法幣金額。

爲了不 UI 與上面4個數據的耦合，代碼使用了一個TokensViewModel， 獲取到的數據用 LiveData作了一個Wrap，以便UI能夠訂閱數據，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界面中就能夠對數據進行訂閱，下面咱們逐一拆解下每一個數據。

顯示當前帳號

能夠分爲兩個步驟：

1. 從數據庫中讀取帳號；
2. 界面顯示帳號

TokensViewModel中定義了一個MutableLiveData<ETHWallet> defaultWallet ，從數據庫中讀取帳號會保存在defaultWallet中，而後UI對 defaultWallet 進行觀察顯示。

註解: 登鏈錢包 裏大量使用的這個方式，經過一個LiveData 作數據橋接。

在上一篇導入帳號及帳號管理，全部的帳號使用greenDao 存儲起來， 所以咱們只須要把全部帳號從加載出來，挑選出當前選中的那一個。 結合代碼看一看：

// 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 加載出全部的帳號，返回當前選中的，上面的代碼會被FetchWalletInteract 類的 findDefault方法調用，在ViewModle裏，不少時候以數據進行交互的類，咱們會命名爲 xxxInteract，這也是一個習慣用法。

其代碼以下：

// FetchWalletInteract.java
   // 返回一個可訂閱的Single<ETHWallet> 對象
   public Single<ETHWallet> findDefault() {
        return Single.fromCallable(() -> {
            return WalletDaoUtils.getCurrent();
        }).subscribe(this::onDefaultWallet);
    } 

    // 獲取到默認錢包帳號 設置到 defaultWallet 這個LiveData
    private void onDefaultWallet(ETHWallet wallet) {
        defaultWallet.setValue(wallet);
    }

findDefault()返回一個可訂閱的Single 對象，若是不熟悉可參考後面的文檔。

以後，在UI界面PropertyFragment.java 中， 就能夠對 defaultWallet 進行訂閱：

tokensViewModel.defaultWallet().observe(this,  this::showWallet);

當獲取到默認帳號時，就會回調showWallet:

// UI 顯示
    public void showWallet(ETHWallet wallet) {
        tvWalletName.setText(wallet.getName());
        tvWalletAddress.setText(wallet.getAddress());

    }

這樣， 界面的顯示就完成了，下一篇繼續介紹獲取餘額。

參考文檔

1. lifecycle官方文檔地址
2. RxAndroid 瞭解更多響應式編程

我建立了一個專門討論錢包開發的微信羣，加微信：xlbxiong 備註：錢包。

加入知識星球，和一羣優秀的區塊鏈從業者一塊兒學習。
深刻淺出區塊鏈 - 系統學習區塊鏈，學區塊鏈的都在這裏，打造最好的區塊鏈技術博客。

本文原文連接