永遠不要期望使用者按照你預設的步驟操作 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的時候呼叫。在各個頁面中重寫該方法即可。