2. 程式人生 > >Android通用的EmptyLayout（無需侵入佈局）

Android通用的EmptyLayout（無需侵入佈局）

阿新 • • 發佈：2018-12-10

#前言

在專案中，經常會使用到空佈局，但網上普遍的方法需要侵入到佈局中，程式碼耦合太嚴重，不同介面需要重複引入佈局，或者使用自定義viewgroup，並且對於老專案的使用、修改的工作量非常大；參考badgeview的實現方式，本文將逐步介紹:

#內容

核心程式碼如下

 /**
     * 僅將佈局新增到targetview
     */
    public void partial() {
        if (targetView == null) return;
        ViewGroup parent = (ViewGroup) targetView.getParent();
        //內容view的位置
        int index = parent.indexOfChild(targetView);
        ViewGroup.LayoutParams targetParams = targetView.getLayoutParams();
        parent.removeView(targetView);
        ViewGroup emptyContainer;
        if (targetParams instanceof ViewGroup.MarginLayoutParams) {//父容器是ConstraintLayout、RelativeLayout
            emptyContainer = new ConstraintLayout(mContext);
            emptyContainer.setId(targetView.getId());
            targetView.setId(-1);
            ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) targetParams;
            emptyContainer.setLayoutParams(layoutParams);
            parent.addView(emptyContainer, index, layoutParams);
        } else {
            emptyContainer = new FrameLayout(mContext);
            emptyContainer.setLayoutParams(targetParams);
            parent.addView(emptyContainer, index, targetParams);

        }
        ViewGroup.MarginLayoutParams params = new ViewGroup.MarginLayoutParams(
                ViewGroup.MarginLayoutParams.MATCH_PARENT, ViewGroup.MarginLayoutParams.MATCH_PARENT);
        emptyContainer.addView(targetView, params);
        emptyContainer.addView(mEmptyView, params);
        emptyContainer.addView(mErrorView, params);
        emptyContainer.addView(mLoadView, params);
        showContent();
    }

原理分析：通過targetview獲取到父容器parent,並獲取targetview於父容器的位置index，建立一個viewgroup的新容器container，使用container在parent中替換掉targetveiw，然後將targetview、emptyview、errorview新增到container;需要注意的是parent為ConstraintLayout、RelativeLayout時，其LayoutParams未MarginLayoutParams,需要特殊處理。

在專案使用中，當載入到emptyview或者errorview時，有點選重新請求資料的需求，修改程式碼為emptyview、errorview新增點選事件:


    private void initListener() {
        mEmptyView.setTag(LoadType.EMPTY);
        mErrorView.setTag(LoadType.ERROR);
        mEmptyView.setOnClickListener(this);
        mErrorView.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        ViewUtils.setDelayedClickable(v, 500);
        Object object = v.getTag();
        if (null != object) {
            LoadType tag = (LoadType) v.getTag();
            if (mListener != null) {
                if (LoadType.EMPTY == tag) {
                    mListener.onEmptyViewClick();
                }
                if (LoadType.ERROR == tag) {
                    mListener.onErrorViewClick();
                }
            }
        }

    }

ViewUtils程式碼如下：

public class ViewUtils {

    /**
     * 設定view多少毫秒後可以再次點選
     *
     * @param v
     * @param delayMillis
     */
    public static void setDelayedClickable(final View v, int delayMillis) {
        v.setClickable(false);
        setDelayedClickable(v, true, delayMillis);
    }

    private static void setDelayedClickable(final View v, final boolean clickable, int delayMillis) {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                v.setClickable(clickable);
                v.setEnabled(true);
            }
        }, delayMillis);
    }
}

貼下效果（比較懶 資料內容隨意新增的 ，不要在意細節):

貼下完整程式碼:

package com.banzhi.emptylibrary;

import android.app.Activity;
import android.content.Context;
import android.support.constraint.ConstraintLayout;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;

import com.banzhi.emptylibrary.annotation.ViewClick;
import com.banzhi.emptylibrary.enums.LoadType;
import com.banzhi.emptylibrary.interfaces.OnLayoutClickListener;
import com.banzhi.emptylibrary.interfaces.ViewLoader;
import com.banzhi.emptylibrary.utils.ViewUtils;
import com.banzhi.emptylibrary.view.SimpleEmptyView;
import com.banzhi.emptylibrary.view.SimpleErrorView;
import com.banzhi.emptylibrary.view.SimpleLoadingView;

import java.lang.reflect.Method;


public class ELoad implements View.OnClickListener {
    Context mContext;
    View targetView;
    View mEmptyView;
    View mErrorView;
    View mLoadView;
    boolean isFillWindow;
    OnLayoutClickListener mListener;
    Object object;

    private ELoad(Builder builder) {
        mContext = builder.context;
        targetView = builder.contentView;
        mEmptyView = builder.emptyView;
        mErrorView = builder.errorView;
        mLoadView = builder.loadingView;
        isFillWindow = builder.isFillWindow;


    }

    public void init(OnLayoutClickListener listener) {
        mListener = listener;
        init();
        initListener();
    }

    public void init(Object clz) {
        object = clz;
        init();
        initListener();
    }

    private void initListener() {
        mEmptyView.setTag(LoadType.EMPTY);
        mErrorView.setTag(LoadType.ERROR);
        mEmptyView.setOnClickListener(this);
        mErrorView.setOnClickListener(this);
    }

    private void init() {
        if (isFillWindow) {
            whole();
        } else {
            partial();
        }
    }

    public void whole() {
        ViewGroup parentView;
        if (mContext instanceof Activity) {
            Activity activity = (Activity) mContext;
            parentView = activity.findViewById(android.R.id.content);
            targetView = parentView.getChildAt(0);
            parentView.addView(mEmptyView, targetView.getLayoutParams());
            parentView.addView(mErrorView, targetView.getLayoutParams());
            parentView.addView(mLoadView, targetView.getLayoutParams());
            showContent();
        } else {
            partial();
        }


    }

    /**
     * 僅將佈局新增到targetview
     */
    public void partial() {
        if (targetView == null) return;
        ViewGroup parent = (ViewGroup) targetView.getParent();
        //內容view的位置
        int index = parent.indexOfChild(targetView);
        ViewGroup.LayoutParams targetParams = targetView.getLayoutParams();
        parent.removeView(targetView);
        ViewGroup emptyContainer;
        if (targetParams instanceof ViewGroup.MarginLayoutParams) {//父容器是ConstraintLayout、RelativeLayout
            emptyContainer = new ConstraintLayout(mContext);
            emptyContainer.setId(targetView.getId());
            targetView.setId(-1);
            ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) targetParams;
            emptyContainer.setLayoutParams(layoutParams);
            parent.addView(emptyContainer, index, layoutParams);
        } else {
            emptyContainer = new FrameLayout(mContext);
            emptyContainer.setLayoutParams(targetParams);
            parent.addView(emptyContainer, index, targetParams);
        }
        ViewGroup.MarginLayoutParams params = new ViewGroup.MarginLayoutParams(
                ViewGroup.MarginLayoutParams.MATCH_PARENT, ViewGroup.MarginLayoutParams.MATCH_PARENT);
        emptyContainer.addView(targetView, params);
        emptyContainer.addView(mEmptyView, params);
        emptyContainer.addView(mErrorView, params);
        emptyContainer.addView(mLoadView, params);
        showContent();
    }

    public void showContent() {
        targetView.setVisibility(View.VISIBLE);
        mEmptyView.setVisibility(View.GONE);
        mErrorView.setVisibility(View.GONE);
        mLoadView.setVisibility(View.GONE);
    }

    public void showError() {
        targetView.setVisibility(View.GONE);
        mEmptyView.setVisibility(View.GONE);
        mErrorView.setVisibility(View.VISIBLE);
        mLoadView.setVisibility(View.GONE);
    }

    public void showEmpty() {
        targetView.setVisibility(View.GONE);
        mEmptyView.setVisibility(View.VISIBLE);
        mErrorView.setVisibility(View.GONE);
        mLoadView.setVisibility(View.GONE);
    }

    public void showLoading() {
        targetView.setVisibility(View.GONE);
        mEmptyView.setVisibility(View.GONE);
        mErrorView.setVisibility(View.GONE);
        mLoadView.setVisibility(View.VISIBLE);
    }

    @Override
    public void onClick(View v) {
        ViewUtils.setDelayedClickable(v, 500);
        Object object = v.getTag();
        if (null != object) {
            LoadType tag = (LoadType) v.getTag();
            if (mListener != null) {
                if (LoadType.EMPTY == tag) {
                    mListener.onEmptyViewClick();
                }
                if (LoadType.ERROR == tag) {
                    mListener.onErrorViewClick();
                }
            } else {
                clickLayout(tag);
            }
        }

    }

    private void clickLayout(LoadType type) {
        if (object == null) {
            return;
        }
        Class clazz = object.getClass();
        try {
            Method[] methods = clazz.getDeclaredMethods();
            for (Method m : methods) {
                if (m.getAnnotation(ViewClick.class) != null) {
                    ViewClick annotation = m.getAnnotation(ViewClick.class);
                    LoadType values = annotation.value();
                    if (values == LoadType.BOTH || values == type) {
                        m.setAccessible(true);
                        m.invoke(object);
                    }
                    break;
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }


    public static class Builder {
        Context context;
        View contentView;
        View emptyView;
        View errorView;
        View loadingView;
        LayoutInflater inflater;
        boolean isFillWindow;
        Object object;
        OnLayoutClickListener listener;

        public Builder(Context context, View contentView) {
            this.context = context;
            this.contentView = contentView;
            inflater = LayoutInflater.from(context);
        }


        public Builder(Context context) {
            this(context, null);
            isFillWindow = true;
        }

        public Builder isFillWindow() {
            this.isFillWindow = true;
            return this;
        }

        public Builder isFillWindow(boolean isFill) {
            this.isFillWindow = isFill;
            if (!isFillWindow) {
                throw new NullPointerException("如果isFillWindow=false,必須設定contentView!");
            }
            return this;
        }

        public Builder setContentView(View contentView) {
            this.contentView = contentView;
            return this;
        }

        public Builder setEmptyView(View emptyView) {
            this.emptyView = emptyView;
            return this;
        }

        public Builder setErrorView(View errorView) {
            this.errorView = errorView;
            return this;
        }

        public Builder setLoadingView(View loadingView) {
            this.loadingView = loadingView;
            return this;
        }

        public Builder setEmptyView(ViewLoader loader) {
            this.emptyView = loader.getView();
            return this;
        }

        public Builder setErrorView(ViewLoader loader) {
            this.errorView = loader.getView();
            return this;
        }

        public Builder setLoadingView(ViewLoader loader) {
            this.loadingView = loader.getView();
            return this;
        }

        /**
         * 不設定空介面 異常介面點選
         *
         * @return
         */
        public ELoad build() {
            if (emptyView == null) {
                emptyView = new SimpleEmptyView(context).getView();
            }
            if (errorView == null) {
                errorView = new SimpleErrorView(context).getView();
            }
            if (loadingView == null) {
                loadingView = new SimpleLoadingView(context).getView();
            }
            return new ELoad(this);
        }

    }


}

簡單使用:

  ELoad  helper = new ELoad.Builder(this)
                .setEmptyView(emptyView)
                .setErrorView(errorView)
                .setLoadingView(loadingView)
                .build();
   helper.init(this);
    //顯示空佈局
   helper.showEmpty();
    //顯示錯誤佈局
   helper.showError();
   //顯示載入進度
   helper.showLoading();
   //顯示內容佈局
   helper.showContent();

具體詳細請檢視原始碼,github地址戳這裡

文筆、技術有限， 勿噴，謝謝！

相關推薦

Android通用的EmptyLayout（無需侵入佈局）

#前言 在專案中，經常會使用到空佈局，但網上普遍的方法需要侵入到佈局中，程式碼耦合太嚴重，不同介面需要重複引入佈局，或者使用自定義viewgroup，並且對於老專案的使用、修改的工作量非常大；參考badgeview的實現方式，本文將逐步介紹: #內容 核心程式碼如下

android studio開啟無線除錯模式（無需刷機）

1、Android Studio 下載ADB Wifi外掛 File——Setting——Plugins下載ADB Wifi外掛，安裝成功後需重啟AS 2、設定除錯模式Run/Debug Configurations 3、確保手機開啟USB除錯功能 4、開啟無限除錯功能

關於MAC下Android SDK manager 更新解決辦法（無需翻牆）

博主也是折騰了好久，在mac搗鼓了兩天，才終於發現這個切實可行的辦法，是學習別人的，擔憂要注意的一點！ 先看下方法，很簡單 到這都沒問題，但為什麼有的人設定了不好用呢！！我開頭也很納悶，但發現一個問題，那就是 http proxy server這裡填寫： mirro

Android Design新控制元件之TextInputLayout（文字輸入佈局）

谷歌在推出Android5.0的同時推出了全新的設計Material Design，谷歌為了給我們提供更加規範的MD設計風格的控制元件，在2015年IO大會上推出了8 個新的元件，同時向後相容，新推出的這幾個官方元件多是在 GitHub 上很火熱的一些專案：

android學習筆記——GridView控制元件（九宮格佈局）

GridView跟ListView都是比較常用的多控制元件佈局，而GridView更是實現九宮圖的首選! 先來介紹一下要做的工作，有一個完整的思路 1.在activity_main.xml中加一個G

Android開發系列（二十四）：Notification的功能與使用方法

font _id when ice extends 開發 content androi mark 關於消息的提示有兩種：一種是Toast，一種就是Notification。前者維持的時間比較短暫，後者維持的時間比較長。 並且我們尋常手機的應用比方網易、貼吧等等都有非常多

android Toast大全（五種情形）建立屬於你自己的Toast

right 其它 activity make div ins case tco title 搬運而來，如有雷同。絕非意外！ Toast用於向用戶顯示一些幫助/提示。以下我做了5中效果，來說明Toast的強大，定義一個屬於你自己的Toast。

Android學習路線（二十一）運用Fragment構建動態UI——創建一個Fragment

動態 app idt 文檔 部分 roi 現實 調用 android學習 你能夠把fragment看成是activity的模塊化部分。它擁有自己的生命周期，接受它自己的輸入事件，你能夠在activity執行時加入或者刪除它（有點像是一個“子activity”。你

android things sample（sample-button-master）測試

key 階段 按鈕 但是 tps body post class str android things組件組裝好後，開始運行一下官方的sample。 官方sample地址 https://github.com/androidthings 從最簡單的按鈕控制led燈亮的sam

android things sample（sample-tensorflow-imageclassifier）測試

googl google button img .com 之前 技術分享 peak 組裝 今天來運行的是tensorflow-imageclassifier的sample。 這個sample的功能是，當led亮的時候，點擊button，進行照相，系統會對圖片進行分析，圖片中

Android開發實戰（二十一）：淺談android:clipChildren屬性

.cn viewpage port 部分 lap ole 有一個 默認 版本 原文:Android開發實戰（二十一）：淺談android:clipChildren屬性實現功能： 1、APP主界面底部模塊欄 2、ViewPager一屏多個界面顯示 3、........

Android啟動頁面（閃屏頁面）的實現

閃屏頁面是指APP剛啟動時的頁面會自動跳轉到主頁面 單單實現閃屏頁面非常簡單。 閃屏介面的作用： 1.展示自己軟體的logo，口號標識語等， 2.作為廣告平臺，獲取利益 3.載入下一頁面（其他Activity或全域性）所需要的資料 4.檢查更新 效果展示 首先目錄

Pro Android學習筆記（一五五） 感測器（5） 磁場感測器和方位（上）

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

Android Data Binding（資料繫結）使用者指南

轉自：https://www.jianshu.com/p/b1df61a4df77 1. 介紹 這篇文章介紹瞭如何使用Data Binding庫來寫宣告的layouts檔案，並且用最少的程式碼來繫結你的app邏輯和layouts檔案。Data Binding庫不僅靈活而且廣泛相容-

Android面試題（2018.11.16）

一、UI的繪製過程，常見優化手段以及原理。 二、有幾種常見的單例模式？對於這幾種單例模式synchronized具體鎖的是什麼東西？ 三、問記憶體優化你做過沒有？一張十萬乘以十萬的圖片，如何載入才不會記憶體溢位？ 四、問記憶體溢位，記憶體抖動，記憶體洩漏你都碰到過嗎？怎麼解決的？如何區分

Java 快速複製兩個類中的相同屬性（無需繼承關係）

今天開發中遇到一個問題，其實也算不上是問題，只是本猿比較懶而已！目前本猿主要做的是介面開發，現在需要將介面提供方的一個類中的部分欄位挪到我自己的專案來，然而奈何本猿太懶，不想一個一個set、get……  要不然說“懶”是促進社會科技進步的最大動力呢！！！鑑於這一情況，本猿果斷使用了Spri

Android 簡單資料庫（增刪改查）

Android 簡單資料庫（增刪改查）       <Button android:id="@+id/insert_btn" android:layout_width="wrap_content"

Android的banner（輪播圖）的實現

本文使用了ViewPager來實現輪播圖的功能，輪播的圖片資源來源於網上。 一、思路 1、就是使得ViewPager實現啟動頁來無限的輪播圖片 2、啟動一個定時器來完成自動的輪播效果。 二、寫佈局程式碼 1、我們先是來看一下

一步一步學android控制元件（之十四） —— NumberPicker

NumberPicker 是用於選擇一組預定義好數字的控制元件。比如時間hour的選擇只有0—23有效，則可以通過setMinValue和setMaxValue設定。 使用該控制元件時需注意他的兩個listener和一個formatter：一個listener用於監聽當前v

Android開發筆記（一百六十）休眠模式下的定時器控制

定時器AlarmManager常常用於需要週期性處理的場合，比如鬧鐘提醒、任務輪詢等等。並且定時器來源於系統服務，即使App已經不在運行了，也能收到定時器發出的廣播而被喚醒。似此迴光返照的神技，便遭到開發者的濫用，造成使用者手機充斥著各種殺不光程序，就算通過手機安全工具一再地