網絡加載空頁面

空頁面的顯示很經常使用,因此本身作了一個通用的空頁面顯示,先看效果圖android

 

在有網絡的時候正常加載顯示,在沒有網絡的時候自動加載空頁面,點擊空頁面從新加載網絡請求的一個功能git

1:定義一個xml頁面,頁面佈局是一個iamgeview和一個textview的顯示github

2:添加輔助類,控制加載空頁面和顯示隱藏等邏輯緩存

3:在網絡回調的時候調用方法顯示以及在退出的時候清空緩存網絡

下面是代碼app

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/img_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:src="@mipmap/empty" />

    <TextView
        android:id="@+id/tv_val"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="@dimen/d51.0"
        android:text="網絡開小差了,點擊屏幕重試"
        android:textSize="@dimen/d43.0" />
</LinearLayout>
View Code
package com.fragmentapp.helper;

import android.content.Context;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.fragmentapp.R;

/**
 * Created by liuzhen on 2017/12/28.
 */

public class EmptyLayout {

    private Context context;
    private FrameLayout root;

    private TextView tv_val;
    private CallBack callBack;

    public EmptyLayout(Context context){
        this.context = context;

        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        params.gravity = Gravity.CENTER;

        root = new FrameLayout(context);
        root.setLayoutParams(params);

        View view = LayoutInflater.from(context).inflate(R.layout.layout_error,null);
        tv_val = view.findViewById(R.id.tv_val);
        root.addView(view);
    }

    public void showEmpty(final ViewGroup group, String val){
        tv_val.setText(val);

        group.removeView(root);
        group.addView(root,root.getLayoutParams());

        status(group,true);

        root.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (callBack != null)
                    callBack.click();
                status(group,false);
            }
        });
    }

    private void status(ViewGroup group,boolean isShow){
        if (isShow){
            for (int i = 0;i < group.getChildCount();i++) {
                View view = group.getChildAt(i);
                view.setVisibility(View.GONE);
            }
            root.setVisibility(View.VISIBLE);//放在後面才能生效
        }else{
            for (int i = 0;i < group.getChildCount();i++) {
                View view = group.getChildAt(i);
                view.setVisibility(View.VISIBLE);
            }
            root.setVisibility(View.GONE);
        }

    }

    public void setCallBack(CallBack callBack){
        if (this.callBack == null)
            this.callBack = callBack;
    }

    public void clear(){
        context = null;
        root.removeAllViews();
        root = null;
        callBack = null;
    }

    public interface CallBack{
        void click();
    }

}
View Code

這裏有幾個注意的地方特別講解一下,就是空頁面的初始化和退出時候的一個調用ide

空頁面的初始化和退出由於是必須的一個操做,因此放在了base裏面去控制佈局

visible方法是上篇文章裏說的懶加載,頁面只會加載一次,而空頁面也是同樣,讓它只在初始化的時候建立一個對象this

而後是退出時候調用spa

就是清除了咱們的資源,釋放內存

接下來就是在網絡請求錯誤的地方調用咱們的方法就好了

網絡錯誤空頁面將顯示,點擊空頁面從新調用加載方法,若是在次網絡錯誤,則在次調用顯示咱們的空頁面

這樣就把多餘的邏輯控制都封裝在輔助類裏面了,而實際上咱們須要考慮手動調用的就只有一行代碼而已,其它的都不須要去考慮

 

上面兩種效果都同樣,直接指定一個root容器,或者直接getView獲取root,直接獲取就不用本身去單獨設置id了

歡迎反饋意見,歡迎收藏^_^

 GitHub:https://github.com/1024477951/FragmentApp

相關文章
相關標籤/搜索