|
|
51CTO旗下网站
|
|
美高梅4858网址端

10分钟让你实现在APP中对网络状态变化进行全局提示

举一个例子,有的用户在使用时禁用了 APP 访问美高梅4858网址网络,或者有的用户干脆都没有打开美高梅4858网址数据开关或者 WIFI 开关。但是作为开发人员,我们应该避免用户思考,当用户使用出现问题时,APP 应该能够引导用户前往设置,故有此文。

作者:junerver来源:简书|2018-11-28 10:39

  • 永远不要期望用户按照你预设的步骤操作 APP

一个新项目刚刚开始推广工作,市场人员向我抱怨用户使用时总会出现各种各样的问题,大部分问题都是因为用户操作不当导致的,但是在用户眼中的结论就是“你们的 APP 不好用”。

举一个例子,有的用户在使用时禁用了 APP 访问美高梅4858网址网络,或者有的用户干脆都没有打开美高梅4858网址数据开关或者 WIFI 开关。但是作为开发人员,我们应该避免用户思考,当用户使用出现问题时,APP 应该能够引导用户前往设置,故有此文。

我们希望当用户网络连接不可用时,及时提醒用户当前的网络状态。当连接恢复时,将提示用的视图隐藏,并且我们希望这个提示视图可以工作在所有需要网络的页面中。

思路如下:使用 BaseActivity ,所有页面继承该文件,在该文件中实现根据网络状态显示提示、隐藏提示。

好了,废话少说,show u the code。

1. 实现监听网络状态变更的广播接收器

我们使用广播接收器接收网络变化的 Intent,这里直接使用静态注册的方法,因为我们不需要在每个页面单独注册这个 Receiver,那太重量级了。

NetworkConnectChangedReceiver.java

  1. public class NetworkConnectChangedReceiver extends BroadcastReceiver { 
  2.     private static final String TAG = "NetworkConnectChanged"
  3.     @Override 
  4.     public void onReceive(Context context, Intent intent) { 
  5.         //**判断当前的网络连接状态是否可用*/ 
  6.         boolean isConnected = NetUtils.isConnected(context); 
  7.         Log.d(TAG, "onReceive: 当前网络 " + isConnected); 
  8.         EventBus.getDefault().post(new NetworkChangeEvent(isConnected)); 
  9.     } 

事件Event:

  1. public class NetworkChangeEvent { 
  2.     public boolean isConnected; //是否存在网络 
  3.  
  4.     public NetworkChangeEvent(boolean isConnected) { 
  5.         this.isConnected = isConnected; 
  6.     } 

判断网络连接是否可用:

  1. /** 
  2.      * 判断网络是否连接 
  3.      * @param context 
  4.      * @return 
  5.      */ 
  6.     public static boolean isConnected(Context context) { 
  7.         ConnectivityManager connectivity = (ConnectivityManager) context 
  8.                 .getSystemService(Context.CONNECTIVITY_SERVICE); 
  9.  
  10.         if (null != connectivity) { 
  11.             NetworkInfo info = connectivity.getActiveNetworkInfo(); 
  12.             if (null != info && info.isConnected()) { 
  13.                 if (info.getState() == NetworkInfo.State.CONNECTED) { 
  14.                     return true
  15.                 } 
  16.             } 
  17.         } 
  18.         return false
  19.     } 

静态注册Receiver:

  1. <receiver android:name=".receiver.NetworkConnectChangedReceiver"
  2.     <intent-filter> 
  3.         <action android:name="android.NET.conn.CONNECTIVITY_CHANGE" /> 
  4.         <action android:name="android.Net.wifi.WIFI_STATE_CHANGED" /> 
  5.         <action android:name="android.net.wifi.STATE_CHANGE" /> 
  6.     </intent-filter> 
  7. </receiver> 

2. 在 BaseActivity中监听事件并处理提示视图

看到 EventBus 的时候你是不是已经知道我的实现方式了(笑 XD),是的就是那个已经很久没人提了的 EventBus。当然还可以使用观察者模式来实现,这样就不用依赖第三方库了,但是我们需要的是快速实现,且对原有代码尽可能少的改动,引入观察者模式显然不如直接拿 EventBus来的方便。

BaseActivity.java

  1. public class BaseActivity extends Activity { 
  2.  
  3.     protected Context mContext; 
  4.     protected ACache mACache; 
  5.     protected boolean mCheckNetWork = true; //默认检查网络状态 
  6.     View mTipView; 
  7.     WindowManager mWindowManager; 
  8.     WindowManager.LayoutParams mLayoutParams; 
  9.  
  10.     @Override 
  11.     protected void onCreate(Bundle savedInstanceState) { 
  12.         super.onCreate(savedInstanceState); 
  13.         mContext = this; 
  14.         this.mACache = ACache.get(mContext); 
  15.         MyApp.addActivity(this); 
  16.         initTipView();//初始化提示View 
  17.         EventBus.getDefault().register(this); 
  18.     } 
  19.  
  20.     @Override 
  21.     protected void onResume() { 
  22.         super.onResume(); 
  23.         MobclickAgent.onResume(this); 
  24.         //在无网络情况下打开APP时,系统不会发送网络状况变更的Intent,需要自己手动检查 
  25.         hasNetWork(NetUtils.isConnected(mContext)); 
  26.     } 
  27.  
  28.     @Override 
  29.     protected void onPause() { 
  30.         super.onPause(); 
  31.         MobclickAgent.onPause(this); 
  32.     } 
  33.  
  34.     @Override 
  35.     protected void onDestroy() { 
  36.         super.onDestroy(); 
  37.         MyApp.removeActivity(this); 
  38.         EventBus.getDefault().unregister(this); 
  39.     } 
  40.  
  41.     @Override 
  42.     public void finish() { 
  43.         super.finish(); 
  44.         //当提示View被动态添加后直接关闭页面会导致该View内存溢出,所以需要在finish时移除 
  45.         if (mTipView != null && mTipView.getParent() != null) { 
  46.             mWindowManager.removeView(mTipView); 
  47.         } 
  48.     } 
  49.  
  50.     @Subscribe(threadMode = ThreadMode.MAIN) 
  51.     public void onNetworkChangeEvent(NetworkChangeEvent event) { 
  52.         hasNetWork(event.isConnected); 
  53.     } 
  54.  
  55.     private void hasNetWork(boolean has) { 
  56.         if (isCheckNetWork()) { 
  57.             if (has) { 
  58.                 if (mTipView != null && mTipView.getParent() != null) { 
  59.                     mWindowManager.removeView(mTipView); 
  60.                 } 
  61.             } else { 
  62.                 if (mTipView.getParent() == null) { 
  63.                     mWindowManager.addView(mTipView, mLayoutParams); 
  64.                 } 
  65.             } 
  66.         } 
  67.     } 
  68.  
  69.     public void setCheckNetWork(boolean checkNetWork) { 
  70.         mCheckNetWork = checkNetWork; 
  71.     } 
  72.  
  73.     public boolean isCheckNetWork() { 
  74.         return mCheckNetWork; 
  75.     } 
  76.  
  77.     private void initTipView() { 
  78.         LayoutInflater inflater = getLayoutInflater(); 
  79.         mTipView = inflater.inflate(R.layout.layout_network_tip, null); //提示View布局 
  80.         mWindowManager = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE); 
  81.         mLayoutParams = new WindowManager.LayoutParams( 
  82.                 ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, 
  83.                 WindowManager.LayoutParams.TYPE_APPLICATION, 
  84.                 WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE 
  85.                         | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE, 
  86.                 PixelFormat.TRANSLUCENT); 
  87.         //使用非CENTER时,可以通过设置XY的值来改变View的位置 
  88.         mLayoutParams.gravity = Gravity.TOP
  89.         mLayoutParams.x = 0; 
  90.         mLayoutParams.y = 0; 
  91.     } 

默认所有继承 BaseActivity 的页面当网络状况变化活无网络时都会显示提示,如果某个页面不需要网络状态提示,可以在该页面 onCreate 方法中调用 setCheckNetWork(false) 即可。

由于我全部页面都有一个50dp高度的 toolbar,所以我直接在 R.layout.layout_network_tip 文件中设置了上边距。你也可以在 BaseActivity 中通过方法来设置 mLayoutParams.x = 0;mLayoutParams.y = 0; 来使每个页面动态设置提示的位置。

最终效果如下图:

10分钟让你实现在APP中对网络状态变化进行全局提示

10分钟让你实现在APP中对网络状态变化进行全局提示

ToDo

所有页面在网络链接恢复后应该可以自动重新发起网络请求,实现原理其实也很简单,在BaseActivity中增加一个reConnect()的方法,在网络恢复去除提示View的时候调用。在各个页面中重写该方法即可。

【编辑推荐】

  1. 超级APP的内容进化论
  2. 提升你的App启动速度的那些理论基础
  3. 如何设计好消费向App产品
  4. 支付宝App构建优化解析:Android包大小极致压缩
  5. App生存与壮大的五条原则
【责任编辑:未丽燕 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

读 书 +美高梅登录中心

Microsoft SQL Server 2005技术内幕:存储引擎

本书是Inside Microsoft SQL Server 2000的作者Kalen Delaney的又一经典著作,是Inside Microsoft SQL Server 2005系列四本著作中的一本。...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊
博聚网