10分鐘讓你實現在APP中對網路狀態變化進行全域性提示

宇智波搬_發表於2019-03-18

永遠不要期望使用者按照你預設的步驟操作 APP

一個新專案剛剛開始推廣工作,市場人員向我抱怨使用者使用時總會出現各種各樣的問題,大部分問題都是因為使用者操作不當導致的,但是在使用者眼中的結論就是“你們的 APP 不好用”。

舉一個例子,有的使用者在使用時禁用了 APP 訪問行動網路,或者有的使用者乾脆都沒有開啟移動資料開關或者 WIFI 開關。但是作為開發人員,我們應該避免使用者思考,當使用者使用出現問題時,APP 應該能夠引導使用者前往設定,故有此文。

我們希望當使用者網路連線不可用時,及時提醒使用者當前的網路狀態。當連線恢復時,將提示用的檢視隱藏,並且我們希望這個提示檢視可以工作在所有需要網路的頁面中。

思路如下:使用 BaseActivity ,所有頁面繼承該檔案,在該檔案中實現根據網路狀態顯示提示、隱藏提示。

好了,廢話少說,show u the code。

1. 實現監聽網路狀態變更的廣播接收器

我們使用廣播接收器接收網路變化的 Intent,這裡直接使用靜態註冊的方法,因為我們不需要在每個頁面單獨註冊這個 Receiver,那太重量級了。

    NetworkConnectChangedReceiver.java
    
    public class NetworkConnectChangedReceiver extends BroadcastReceiver {
        private static final String TAG = "NetworkConnectChanged";
        @Override
        public void onReceive(Context context, Intent intent) {
            //**判斷當前的網路連線狀態是否可用*/
            boolean isConnected = NetUtils.isConnected(context);
            Log.d(TAG, "onReceive: 當前網路 " + isConnected);
            EventBus.getDefault().post(new NetworkChangeEvent(isConnected));
        }
    }
複製程式碼

事件Event:

    public class NetworkChangeEvent {
        public boolean isConnected; //是否存在網路
    
        public NetworkChangeEvent(boolean isConnected) {
            this.isConnected = isConnected;
        }
    }
複製程式碼

判斷網路連線是否可用:

    /**
         * 判斷網路是否連線
         * @param context
         * @return
         */
        public static boolean isConnected(Context context) {
            ConnectivityManager connectivity = (ConnectivityManager) context
                    .getSystemService(Context.CONNECTIVITY_SERVICE);
    
            if (null != connectivity) {
                NetworkInfo info = connectivity.getActiveNetworkInfo();
                if (null != info && info.isConnected()) {
                    if (info.getState() == NetworkInfo.State.CONNECTED) {
                        return true;
                    }
                }
            }
            return false;
        }
複製程式碼

靜態註冊Receiver:

    <receiver android:name=".receiver.NetworkConnectChangedReceiver">
        <intent-filter>
            <action android:name="android.NET.conn.CONNECTIVITY_CHANGE" />
            <action android:name="android.Net.wifi.WIFI_STATE_CHANGED" />
            <action android:name="android.net.wifi.STATE_CHANGE" />
        </intent-filter>
    </receiver>
複製程式碼

2. 在 BaseActivity中監聽事件並處理提示檢視

看到 EventBus 的時候你是不是已經知道我的實現方式了(笑 XD),是的就是那個已經很久沒人提了的 EventBus。當然還可以使用觀察者模式來實現,這樣就不用依賴第三方庫了,但是我們需要的是快速實現,且對原有程式碼儘可能少的改動,引入觀察者模式顯然不如直接拿 EventBus來的方便。

BaseActivity.java

    public class BaseActivity extends Activity {
    
        protected Context mContext;
        protected ACache mACache;
        protected boolean mCheckNetWork = true; //預設檢查網路狀態
        View mTipView;
        WindowManager mWindowManager;
        WindowManager.LayoutParams mLayoutParams;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            mContext = this;
            this.mACache = ACache.get(mContext);
            MyApp.addActivity(this);
            initTipView();//初始化提示View
            EventBus.getDefault().register(this);
        }
    
        @Override
        protected void onResume() {
            super.onResume();
            MobclickAgent.onResume(this);
            //在無網路情況下開啟APP時,系統不會傳送網路狀況變更的Intent,需要自己手動檢查
            hasNetWork(NetUtils.isConnected(mContext));
        }
    
        @Override
        protected void onPause() {
            super.onPause();
            MobclickAgent.onPause(this);
        }
    
        @Override
        protected void onDestroy() {
            super.onDestroy();
            MyApp.removeActivity(this);
            EventBus.getDefault().unregister(this);
        }
    
        @Override
        public void finish() {
            super.finish();
            //當提示View被動態新增後直接關閉頁面會導致該View記憶體溢位,所以需要在finish時移除
            if (mTipView != null && mTipView.getParent() != null) {
                mWindowManager.removeView(mTipView);
            }
        }
    
        @Subscribe(threadMode = ThreadMode.MAIN)
        public void onNetworkChangeEvent(NetworkChangeEvent event) {
            hasNetWork(event.isConnected);
        }
    
        private void hasNetWork(boolean has) {
            if (isCheckNetWork()) {
                if (has) {
                    if (mTipView != null && mTipView.getParent() != null) {
                        mWindowManager.removeView(mTipView);
                    }
                } else {
                    if (mTipView.getParent() == null) {
                        mWindowManager.addView(mTipView, mLayoutParams);
                    }
                }
            }
        }
    
        public void setCheckNetWork(boolean checkNetWork) {
            mCheckNetWork = checkNetWork;
        }
    
        public boolean isCheckNetWork() {
            return mCheckNetWork;
        }
    
        private void initTipView() {
            LayoutInflater inflater = getLayoutInflater();
            mTipView = inflater.inflate(R.layout.layout_network_tip, null); //提示View佈局
            mWindowManager = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE);
            mLayoutParams = new WindowManager.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT,
                    WindowManager.LayoutParams.TYPE_APPLICATION,
                    WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
                            | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE,
                    PixelFormat.TRANSLUCENT);
            //使用非CENTER時,可以通過設定XY的值來改變View的位置
            mLayoutParams.gravity = Gravity.TOP;
            mLayoutParams.x = 0;
            mLayoutParams.y = 0;
        }
    }
複製程式碼

預設所有繼承 BaseActivity 的頁面當網路狀況變化活無網路時都會顯示提示,如果某個頁面不需要網路狀態提示,可以在該頁面 onCreate 方法中呼叫 setCheckNetWork(false) 即可。

由於我全部頁面都有一個50dp高度的 toolbar,所以我直接在 R.layout.layout_network_tip 檔案中設定了上邊距。你也可以在 BaseActivity 中通過方法來設定 mLayoutParams.x = 0;mLayoutParams.y = 0; 來使每個頁面動態設定提示的位置。

最終效果如下圖:

在這裡插入圖片描述

ToDo

所有頁面在網路連結恢復後應該可以自動重新發起網路請求,實現原理其實也很簡單,在BaseActivity中增加一個reConnect()的方法,在網路恢復去除提示View的時候呼叫。在各個頁面中重寫該方法即可。

相關文章