溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android中怎么自定義新聞加載頁(yè)面

發(fā)布時(shí)間:2021-06-28 17:15:44 來(lái)源:億速云 閱讀:111 作者:Leah 欄目:移動(dòng)開(kāi)發(fā)

本篇文章給大家分享的是有關(guān)Android中怎么自定義新聞加載頁(yè)面,小編覺(jué)得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說(shuō),跟著小編一起來(lái)看看吧。

1、首先的定義三個(gè)布局,為什么是三個(gè),因?yàn)閡nkonw與loading的頁(yè)面可以使用同一個(gè),而success的頁(yè)面是加載數(shù)據(jù)的頁(yè)面,這里不用定義

1)loading頁(yè)面布局,只有一個(gè)進(jìn)度條

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent" >
  <ProgressBar
    
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true" />
</RelativeLayout>

2)空頁(yè)面只有一張圖片,顯示沒(méi)有數(shù)據(jù)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/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)錯(cuò)誤頁(yè)面有一張錯(cuò)誤圖片與按鈕,點(diǎn)擊按鈕重新加載數(shù)據(jù)

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/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);
    //如果發(fā)生錯(cuò)誤,點(diǎn)擊重新加載
    Button btnError = (Button) mErrorView.findViewById(R.id.page_bt);
    btnError.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        show();
      }
    });
    showPages();
}

5、全部代碼:

/**
 * @描述 加載頁(yè)面
 * @項(xiàng)目名稱 App_Shop
 * @包名 com.android.shop.view
 * @類(lèi)名 LoadingPage
 * @author chenlin
 * @date 2014年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;
  // 不能使用靜態(tài)的,
  private int currentState = STATE_UNKNOW;
  private View mLoadingView; // 加載
  private View mEmptyView; // 空頁(yè)面
  private View mErrorView; // 網(wǎng)絡(luò)錯(cuò)誤
  private View mSuccessView; // 加載成功后的頁(yè)面
  private Context mContext;
  /**
   * 定義枚舉類(lèi)型
   */
  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);
    //如果發(fā)生錯(cuò)誤,點(diǎn)擊重新加載
    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() {
    //加載頁(yè)面顯示與不顯示
    mLoadingView.setVisibility(currentState == STATE_UNKNOW || currentState == STATE_LOADING ? View.VISIBLE
        : View.GONE);
    //空頁(yè)面
    mEmptyView.setVisibility(currentState == STATE_EMPTY ? View.VISIBLE : View.GONE);
    //錯(cuò)誤頁(yè)面顯示
    mErrorView.setVisibility(currentState == STATE_ERROT ? View.VISIBLE : View.GONE);
    //如果數(shù)據(jù)加載成功了,
    if (currentState == STATE_SUCCESS) {
      if (mSuccessView == null) {
        //加載成功頁(yè)面信息,成功后的頁(yè)面就是新聞頁(yè)面信息
        mSuccessView = createSuccessView();
        //添加頁(yè)面到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;
    }
    // 請(qǐng)求服務(wù)器 獲取服務(wù)器上數(shù)據(jù) 進(jìn)行判斷
    // 請(qǐng)求服務(wù)器 返回一個(gè)結(jié)果
    ThreadManager.getInstance().createLongPool().execute(new Runnable() {
      @Override
      public void run() {
        //從服務(wù)器加載數(shù)據(jù),得到返回的狀態(tài)信息
        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();
}

三、使用:

/**
 * @描述     fragment
 * @項(xiàng)目名稱   App_Shop
 * @包名     com.android.shop.fragment
 * @類(lèi)名     BaseFragment
 * @author   chenlin
 * @date    2014年3月28日 下午10:33:59
 */
public abstract class BaseFragment<T> 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;
  }
  /***
   * 創(chuàng)建成功的界面
   * @return
   */
  public abstract View createSuccessView();
  /**
   * 從服務(wù)器得到結(jié)果嗎
   * @return
   */
  protected abstract LoadResult load();
  /**
   * 顯示加載頁(yè)面
   */
  public void show(){
    if (mLoadingPage != null) {
      mLoadingPage.show();
    }
  }
  /**校驗(yàn)數(shù)據(jù) */
  public LoadResult checkData(List<T> datas){
    if (datas == null) {
      return LoadResult.error;
    }else {
      if (datas.size() == 0) {
        return LoadResult.empty;
      }else {
        return LoadResult.success;
      }
    }
  }
}

以上就是Android中怎么自定義新聞加載頁(yè)面,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI