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

永遠不要期望用戶按照你預設的步驟操作 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; 來使每個頁面動態設置提示的位置。

最終效果如下圖:

Screenshot_2018-04-27-09-45-22-142_gaitubao_com_338x600.png

Screenshot_2018-04-27-09-44-55-890_gaitubao_com_338x600.png

ToDo

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章