Android开发实现自定义新闻加载页面功能实例

本文实例讲述了Android开发实现自定义新闻加载页面功能。分享给大家供大家参考，具体如下：

一、概述：

1、效果演示：

2、说明：在新闻页面刚加载的时候，一般会出现五种状态

未知状态（STATE_UNKNOW)、空状态（STATE_EMPTY)、加载中（STATE_LOADING）、错误（STATE_ERROT）、成功（STATE_SUCCESS）

因为每个Detail页面都会出现，所以我们可以把他们封装成一个LoadPage的自定义view，可以复用

二、实现：

1、首先的定义三个布局，为什么是三个，因为unkonw与loading的页面可以使用同一个，而success的页面是加载数据的页面，这里不用定义

1）loading页面布局，只有一个进度条

2)空页面只有一张图片，显示没有数据

3）错误页面有一张错误图片与按钮，点击按钮重新加载数据

4、初始化控件

private void init() {
    mLoadingView = initView(R.layout.loadpage_loading);
    mEmptyView = initView(R.layout.loadpage_empty);
    mErrorView = initView(R.layout.loadpage_error);
    //如果发生错误，点击重新加载
    Button btnError = (Button) mErrorView.findViewById(R.id.page_bt);
    btnError.setonClickListener(new onClickListener() {
      @Override
      public void onClick(View v) {
 show();
      }
    });
    showPages();
}

5、全部代码：

public abstract class LoadingPage extends frameLayout {
  private final static int STATE_UNKNOW = 0;
  private final static int STATE_LOADING = 1;
  private final static int STATE_ERROT = 2;
  private final static int STATE_EMPTY = 3;
  private final static int STATE_SUCCESS = 4;
  // 不能使用静态的，
  private int currentState = STATE_UNKNOW;
  private View mLoadingView; // 加载
  private View mEmptyView; // 空页面
  private View mErrorView; // 网络错误
  private View mSuccessView; // 加载成功后的页面
  private Context mContext;
  
  public enum LoadResult {
    error(STATE_ERROT), empty(STATE_EMPTY), success(STATE_SUCCESS);
    int value;
    LoadResult(int value) {
      this.value = value;
    }
    public int getValue() {
      return value;
    }
  }
  public LoadingPage(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    mContext = context;
    init();
  }
  public LoadingPage(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
  public LoadingPage(Context context) {
    this(context, null);
  }
  
  private void init() {
    mLoadingView = initView(R.layout.loadpage_loading);
    mEmptyView = initView(R.layout.loadpage_empty);
    mErrorView = initView(R.layout.loadpage_error);
    //如果发生错误，点击重新加载
    Button btnError = (Button) mErrorView.findViewById(R.id.page_bt);
    btnError.setonClickListener(new onClickListener() {
      @Override
      public void onClick(View v) {
 show();
      }
    });
    showPages();
  }
  public View initView(int resId) {
    View view = View.inflate(mContext, resId, null);
    if (view != null) {
      this.addView(view, new frameLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
      return view;
    }
    return null;
  }
  private void showPages() {
    //加载页面显示与不显示
    mLoadingView.setVisibility(currentState == STATE_UNKNOW || currentState == STATE_LOADING ? View.VISIBLE
 : View.GONE);
    //空页面
    mEmptyView.setVisibility(currentState == STATE_EMPTY ? View.VISIBLE : View.GONE);
    //错误页面显示
    mErrorView.setVisibility(currentState == STATE_ERROT ? View.VISIBLE : View.GONE);
    //如果数据加载成功了，
    if (currentState == STATE_SUCCESS) {
      if (mSuccessView == null) {
 //加载成功页面信息，成功后的页面就是新闻页面信息
 mSuccessView = createSuccessView();
 //添加页面到framelayout里
 addView(mSuccessView, new frameLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));
 mSuccessView.setVisibility(View.VISIBLE);
      }else {
 mSuccessView.setVisibility(View.GONE);
      }
    }
  }
  public void show() {
    if (currentState == STATE_EMPTY || currentState == STATE_ERROT) {
      currentState = STATE_LOADING;
    }
    // 请求服务器 获取服务器上数据 进行判断
    // 请求服务器 返回一个结果
    ThreadManager.getInstance().createLongPool().execute(new Runnable() {
      @Override
      public void run() {
 //从服务器加载数据,得到返回的状态信息
 final LoadResult result = loadFromServer();
 if (result != null) {
   Util.runonUiThread(new Runnable() {
     @Override
     public void run() {
currentState = result.getValue();
//显示
showPages();
     }
   });
 }
      }
    });
    showPages();
  }
  public abstract View createSuccessView();
  public abstract LoadResult loadFromServer();
}

三、使用：

public abstract class baseFragment extends Fragment {
  private LoadingPage mLoadingPage;
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    if (mLoadingPage == null) {
      mLoadingPage = new LoadingPage(getActivity()){
 @Override
 public View createSuccessView() {
   return baseFragment.this.createSuccessView();
 }
 @Override
 public LoadResult loadFromServer() {
   return baseFragment.this.load();
 }
      };
    }else {
      ViewUtil.removeParent(mLoadingPage);
    }
    return mLoadingPage;
  }
  
  public abstract View createSuccessView();
  
  protected abstract LoadResult load();
  
  public void show(){
    if (mLoadingPage != null) {
      mLoadingPage.show();
    }
  }
  
  public LoadResult checkData(List datas){
    if (datas == null) {
      return LoadResult.error;
    }else {
      if (datas.size() == 0) {
 return LoadResult.empty;
      }else {
 return LoadResult.success;
      }
    }
  }
}

更多关于Android相关内容感兴趣的读者可查看本站专题：《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。