In 10 minutes, you can realize global prompt of network status changes in APP

• Never expect users to follow your pre-set steps to operate the app

A new project has just started its promotion work, and the marketing staff complained to me that there are always various problems when users use it. Most of the problems are caused by improper user operation, but in the eyes of users, the conclusion is "your APP is not easy to use."

For example, some users disable the APP from accessing the mobile network, or some users simply do not turn on the mobile data switch or the WIFI switch. However, as developers, we should avoid users having to think about it. When users have problems using the APP, the APP should be able to guide users to the settings, so there is this article.

We hope to remind users of the current network status in time when the user's network connection is unavailable. When the connection is restored, hide the prompt view, and we hope that this prompt view can work on all pages that require the network.

The idea is as follows: use BaseActivity, all pages inherit this file, and in this file, display and hide prompts according to the network status.

Okay, enough of the crap, show you the code.

1. Implement a broadcast receiver that monitors network status changes

We use a broadcast receiver to receive the Intent of network changes. Here we use the static registration method directly, because we don't need to register this Receiver separately on each page, which is too heavyweight.

NetworkConnectChangedReceiver.java

 public class NetworkConnectChangedReceiver extends BroadcastReceiver {
    private static final String TAG = "NetworkConnectChanged" ;
 @Override
 public void onReceive(Context context, Intent intent) {
 //**Judge whether the current network connection status is available*/
        boolean isConnected = NetUtils.isConnected(context);
 Log.d(TAG, "onReceive: current network " + isConnected);
        EventBus.getDefault().post(new NetworkChangeEvent(isConnected));
 }
 }

Event

 public class NetworkChangeEvent {
 public boolean isConnected; //Is there a network? 
 
 public NetworkChangeEvent(boolean isConnected) {
        this.isConnected = isConnected;
 }
 }

Determine whether the network connection is available:

 /**
 * Determine whether the network is connected
 * @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 ;
 }

Static registration of 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. Listen to events and process prompt views in BaseActivity

When you see EventBus, do you already know how I implemented it? (laughing XD) Yes, it is the EventBus that no one has mentioned for a long time. Of course, you can also use the observer mode to implement it, so you don’t have to rely on third-party libraries, but what we need is to implement it quickly and change the original code as little as possible. Introducing the observer mode is obviously not as convenient as directly using EventBus.

BaseActivity.java

 public class BaseActivity extends Activity { 
 
    protected Context mContext;
 protected ACache mACache;
 protected boolean mCheckNetWork = true ; //Default check network status
 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(); //Initialize the prompt View  
        EventBus.getDefault().register(this);
 } 
 
 @Override
    protected void onResume() {
 super.onResume();
        MobclickAgent.onResume(this);
 //When opening the app without a network, the system will not send an Intent indicating a network status change, so you need to check it manually.
        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();
 // When the prompt View is dynamically added, closing the page directly will cause the View to overflow memory, so it needs to be removed at finish time
        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 ); //Prompt View layout
        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);
 //When using non-CENTER, you can change the position of View by setting the XY value
        mLayoutParams.gravity = Gravity.TOP ;
 mLayoutParams.x = 0;
 mLayoutParams.y = 0;
 }
 }

By default, all pages that inherit BaseActivity will display a prompt when the network status changes or there is no network. If a page does not need a network status prompt, you can call setCheckNetWork(false) in the onCreate method of the page.

Since all my pages have a 50dp height toolbar, I set the top margin directly in the R.layout.layout_network_tip file. You can also set the position of the prompt dynamically for each page by setting mLayoutParams.x = 0; mLayoutParams.y = 0; in BaseActivity.

The final effect is as follows:

ToDo

All pages should be able to automatically re-initiate network requests after the network connection is restored. The implementation principle is actually very simple. Add a reConnect() method in BaseActivity and call it when the network is restored to remove the prompt View. Rewrite this method in each page.