300字范文 > Android 自定义新闻加载页面

Android 自定义新闻加载页面

时间：2024-08-11 00:45:13

相关推荐

Android 自定义新闻加载页面

一、概述：

1、效果演示：

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

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

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

二、实现：

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

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

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" ><ProgressBar style="?android:attr/progressBarStyleLarge"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true" /></RelativeLayout>

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

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" ><ImageView android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_centerVertical="true"android:src="@drawable/ic_empty_page" /></RelativeLayout>

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

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><RelativeLayout android:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center" ><ImageView android:id="@+id/page_iv"android:layout_width="100dp"android:layout_height="100dp"android:layout_centerHorizontal="true"android:scaleType="centerInside"android:src="@drawable/ic_error_page" /><Button android:id="@+id/page_bt"android:layout_width="wrap_content"android:layout_height="34dp"android:layout_below="@id/page_iv"android:layout_centerHorizontal="true"android:layout_marginTop="10dp"android:background="@drawable/btn_bg"android:ellipsize="end"android:paddingLeft="10dp"android:paddingRight="10dp"android:singleLine="true"android:text="@string/load_error"android:textColor="#ff717171"android:textSize="14dp" /></RelativeLayout></FrameLayout>

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() {@Overridepublic void onClick(View v) {show();}});showPages();}

5、全部代码：

/*** @描述加载页面* @项目名称 App_Shop* @包名 com.android.shop.view* @类名 LoadingPage* @author chenlin* @date 3月29日下午8:49:39*/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() {@Overridepublic 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() {@Overridepublic void run() {//从服务器加载数据,得到返回的状态信息final LoadResult result = loadFromServer();if (result != null) {Util.runOnUiThread(new Runnable() {@Overridepublic void run() {currentState = result.getValue();//显示showPages();}});}}});showPages();}public abstract View createSuccessView();public abstract LoadResult loadFromServer();}

三、使用：

/*** @描述 fragment* @项目名称App_Shop* @包名 com.android.shop.fragment* @类名 BaseFragment* @authorchenlin* @date 3月28日下午10:33:59*/public abstract class BaseFragment<T> extends Fragment {private LoadingPage mLoadingPage;@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {if (mLoadingPage == null) {mLoadingPage = new LoadingPage(getActivity()){@Overridepublic View createSuccessView() {return BaseFragment.this.createSuccessView();}@Overridepublic LoadResult loadFromServer() {return BaseFragment.this.load();}};}else {ViewUtil.removeParent(mLoadingPage);}return mLoadingPage;}/**** 创建成功的界面* @return*/public abstract View createSuccessView();/*** 从服务器得到结果吗* @return*/protected abstract LoadResult load();/*** 显示加载页面*/public void show(){if (mLoadingPage != null) {mLoadingPage.show();}}/**校验数据 */public LoadResult checkData(List<T> datas){if (datas == null) {return LoadResult.error;}else {if (datas.size() == 0) {return LoadResult.empty;}else {return LoadResult.success;}}}}

———————————————————————

(java 架构师全套教程，共760G, 让你从零到架构师，每月轻松拿3万）

有需求者请进站查看，非诚勿扰

/item.htm?spm=686.1000925.0.0.4a155084hc8wek&id=555888526201

01.高级架构师四十二个阶段高

02.Java高级系统培训架构课程148课时

03.Java高级互联网架构师课程

04.Java互联网架构Netty、Nio、Mina等-视频教程

05.Java高级架构设计整理-视频教程

06.架构师基础、高级片

07.Java架构师必修linux运维系列课程

08.Java高级系统培训架构课程116课时