如何開發(fā)一款以太坊安卓錢包系列3 - 資產(chǎn)信息展示

taohonghui 發(fā)布于2019-06-27 19:13 / 1909人閱讀

摘要：這是如何開發(fā)以太坊安卓錢包系列第篇，錢包賬號資產(chǎn)信息展示，展示信息主要包括賬號地址余額及該賬號所擁有的及余額。

本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)
原文鏈接：開發(fā)以太坊安卓錢包系列第3篇，原文已更新，請讀者前往原文閱讀

請大家前往深入淺出區(qū)塊鏈主站，獲取最新內(nèi)容。

這是如何開發(fā)以太坊（安卓）錢包系列第3篇，錢包賬號資產(chǎn)信息展示，展示信息主要包括賬號地址、eth余額及該賬號所擁有的Token及余額。

預備知識 MVVM

本文會涉及和UI界面的交互，提前理解下界面和數(shù)據(jù)如何交互是非常有必要的，如果你已經(jīng)很熟悉MVVM，可跳過這一小節(jié)。

最早寫Android的時候，數(shù)據(jù)和界面經(jīng)常耦合在一起，一個Activity文件總是特別大，每當產(chǎn)品界面改版就非常痛苦，吐槽下，很多產(chǎn)品經(jīng)理都喜歡對界面改來改去。

后來Google 推薦多個架構(gòu)模式： MPV、 MVVM模式來解決數(shù)據(jù)和UI耦合的問題，登鏈錢包代碼，使用的就是MVVM模式，所以對它做一個簡單介紹，下面是MVVM的視圖和數(shù)據(jù)的交互圖：

View 通常對應于Activity/Fragment/自定義View
Model：則是和數(shù)據(jù)相關的模塊。

View 與 Model 不直接發(fā)生聯(lián)系，而是通過ViewModel負責接收View層的事件以及獲取并處理數(shù)據(jù)，ViewModel層的數(shù)據(jù)變化也會通知給View層進行相應的UI的更新，從而實現(xiàn)業(yè)務邏輯和Ui的隔離。

使用MVVM模式最大的優(yōu)點就是解耦，因為數(shù)據(jù)處理邏輯是獨立于View, 在UI更改時，ViewModel 不用做太多改動。

我們使用了Google在I/O大會推出的一套遵循MVVM開發(fā)模式的LiveData和ViewModel組件架構(gòu)。

ViewModel 和 LiveData

ViewModel 會關注UI生命周期來存儲和管理數(shù)據(jù)，在Activity發(fā)生變化（鎖屏開屏、旋轉(zhuǎn)）時，ViewModel 會自動保留之前的數(shù)據(jù)并給新的Activity或Fragment使用，當界面被系統(tǒng)銷毀時，ViewModel也會進行資源清理，避免內(nèi)存泄漏。

ViewModel 還可以用于不同界面間數(shù)據(jù)共享。

LiveData是一個可觀察的數(shù)據(jù)持有者類。觀察者可以方便我們以異步的方式獲取數(shù)據(jù)，同時LiveData也是有生命周期感知的。如果其生命周期處于STARTED或RESUMED狀態(tài)。LiveData會將觀察者視為活動狀態(tài)，并通知其數(shù)據(jù)的變化。LiveData未注冊的觀察對象以及非活動觀察者是不會收到有關更新的通知。

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

賬號信息展示

展示信息主要包括賬號地址、eth余額及該賬號所擁有的Token及余額，其界面效果如下:

這個界面應的是登鏈錢包的PropertyFragment，上圖的UPT 是我自己發(fā)行的Token，所以沒有顯示價格

現(xiàn)在我們來思考一下，怎么來展現(xiàn)上面的數(shù)據(jù)，別著急往下看，可以先想想。

先對問題做一個拆分，把數(shù)據(jù)拆分為4個部分：

顯示當前選中的賬號

顯示當前賬號 ETH 余額

顯示當前賬號下 Token 數(shù)量

顯示對應的法幣金額。

為了避免 UI 與上面4個數(shù)據(jù)的耦合，代碼使用了一個TokensViewModel，獲取到的數(shù)據(jù)用 LiveData做了一個Wrap，以便UI可以訂閱數(shù)據(jù)，TokensViewModel類像下面，代碼有刪減：

public class TokensViewModel extends ViewModel {
    private final MutableLiveData defaultWallet;
    private final MutableLiveData defaultNetwork;

    private final MutableLiveData tokens;
    private final MutableLiveData prices;
}

MutableLiveData 是前面提到的 LiveData的子類，在UI界面中就可以對數(shù)據(jù)進行訂閱，下面我們逐一拆解下每個數(shù)據(jù)。

顯示當前賬號

可以分為兩個步驟：

從數(shù)據(jù)庫中讀取賬號；

界面顯示賬號

TokensViewModel中定義了一個MutableLiveData defaultWallet ，從數(shù)據(jù)庫中讀取賬號會保存在defaultWallet中，然后UI對 defaultWallet 進行觀察顯示。

注解: 登鏈錢包 里大量使用的這個方式，通過一個LiveData 做數(shù)據(jù)橋接。

在上一篇導入賬號及賬號管理，所有的賬號使用greenDao 存儲起來，因此我們只需要把所有賬號從加載出來，挑選出當前選中的那一個。結(jié)合代碼看一看：

// WalletDaoUtils.java
    public static ETHWallet getCurrent() {
        List ethWallets = ethWalletDao.loadAll();
        for (ETHWallet ethwallet : ethWallets) {
            if (ethwallet.isCurrent()) {
                ethwallet.setCurrent(true);
                return ethwallet;
            }
        }
        return null;
    }

上面代碼先用 ETHWalletDao.loadAll 加載出所有的賬號，返回當前選中的，上面的代碼會被FetchWalletInteract 類的 findDefault方法調(diào)用，在ViewModle里，很多時候以數(shù)據(jù)進行交互的類，我們會命名為 xxxInteract，這也是一個習慣用法。

其代碼如下：

   // FetchWalletInteract.java
   // 返回一個可訂閱的Single 對象
   public Single 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);

當獲取到默認賬號時，就會回調(diào)showWallet:

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

    }

這樣，界面的顯示就完成了，下一篇繼續(xù)介紹獲取余額。

參考文檔

lifecycle官方文檔地址

RxAndroid 了解更多響應式編程

我創(chuàng)建了一個專門討論錢包開發(fā)的微信群，加微信：xlbxiong 備注：錢包。

加入知識星球，和一群優(yōu)秀的區(qū)塊鏈從業(yè)者一起學習。
深入淺出區(qū)塊鏈 - 系統(tǒng)學習區(qū)塊鏈，學區(qū)塊鏈的都在這里，打造最好的區(qū)塊鏈技術(shù)博客。

本文原文鏈接

云服務器 GPU云服務器以太坊區(qū)塊鏈錢包開發(fā) 以太坊區(qū)塊鏈開發(fā) 以太坊以太坊區(qū)塊

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/24639.html

如何開發(fā)一款以太坊安卓錢包系列3 - 資產(chǎn)信息展示

摘要：這是如何開發(fā)以太坊安卓錢包系列第篇，錢包賬號資產(chǎn)信息展示，展示信息主要包括賬號地址余額及該賬號所擁有的及余額。本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接：開發(fā)以太坊安卓錢包系列第3篇，原文已更新，請讀者前往原文閱讀請大家前往深入淺出區(qū)塊鏈主站，獲取最新內(nèi)容。這是如何開發(fā)以太坊（安卓）錢包系列第3篇，錢包賬號資產(chǎn)信息展示，展示信息主要包括賬號地址、eth余額及該賬號所擁有的Token...

asce1885 2019-08-23 16:45 評論0 收藏0
區(qū)塊鏈技術(shù)學習指引

摘要：引言給迷失在如何學習區(qū)塊鏈技術(shù)的同學一個指引，區(qū)塊鏈技術(shù)是隨比特幣誕生，因此要搞明白區(qū)塊鏈技術(shù)，應該先了解下比特幣。但區(qū)塊鏈技術(shù)不單應用于比特幣，還有非常多的現(xiàn)實應用場景，想做區(qū)塊鏈應用開發(fā)，可進一步閱讀以太坊系列。本文始發(fā)于深入淺出區(qū)塊鏈社區(qū), 原文：區(qū)塊鏈技術(shù)學習指引原文已更新，請讀者前往原文閱讀本章的文章越來越多，本文是一個索引帖，方便找到自己感興趣的文章，你也可以使用左側(cè)...

Cristic 2019-06-27 18:14 評論0 收藏0
如何開發(fā)一款以太坊（安卓）錢包系列2 - 導入賬號及賬號管理

摘要：本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接以太坊安卓錢包系列導入賬號及賬號管理原文已更新，請讀者前往原文閱讀這是如何開發(fā)一款以太坊安卓錢包系列第篇，如何導入賬號。提示大家閱讀本文時，最好把代碼庫克隆到本地對照閱讀。本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接:以太坊（安卓）錢包系列2 - 導入賬號及賬號管理原文已更新，請讀者前往原文閱讀這是如何開發(fā)一款以太坊（安卓）錢包系列第2篇，如何導入賬號。...

Tecode 2019-06-27 19:12 評論0 收藏0
如何開發(fā)一款以太坊（安卓）錢包系列1 - 通過助記詞創(chuàng)建賬號

摘要：本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接以太坊安卓錢包系列通過助記詞創(chuàng)建賬號原文已更新，請讀者前往原文閱讀上周我開源了一款錢包，反映很好，一周時間不到已經(jīng)快到。的功能和類似，它是比特幣協(xié)議的實現(xiàn)，他實現(xiàn)了及相關協(xié)議。本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接:以太坊（安卓）錢包系列1 - 通過助記詞創(chuàng)建賬號原文已更新，請讀者前往原文閱讀上周我開源了一款錢包，反映很好，一周時間不到已經(jīng)快到10...

bbbbbb 2019-08-23 15:58 評論0 收藏0
如何開發(fā)一款以太坊（安卓）錢包系列1 - 通過助記詞創(chuàng)建賬號

摘要：本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接以太坊安卓錢包系列通過助記詞創(chuàng)建賬號原文已更新，請讀者前往原文閱讀上周我開源了一款錢包，反映很好，一周時間不到已經(jīng)快到。的功能和類似，它是比特幣協(xié)議的實現(xiàn)，他實現(xiàn)了及相關協(xié)議。本文首發(fā)于深入淺出區(qū)塊鏈社區(qū)原文鏈接:以太坊（安卓）錢包系列1 - 通過助記詞創(chuàng)建賬號原文已更新，請讀者前往原文閱讀上周我開源了一款錢包，反映很好，一周時間不到已經(jīng)快到10...

genefy 2019-06-27 19:10 評論0 收藏0