快捷導(dǎo)航

Android最簡(jiǎn)單的狀態(tài)切換布局實(shí)現(xiàn)教程

更新時(shí)間：2018年10月11日 09:51:05 作者：雨落文染丶

這篇文章主要給大家介紹了關(guān)于Android中最簡(jiǎn)單的狀態(tài)切換布局的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

前言

項(xiàng)目中經(jīng)常遇到這樣一種情況，新打開的界面需要加載數(shù)據(jù)，存在多種狀態(tài)的結(jié)果，需要根據(jù)不同結(jié)果展示界面，這個(gè)過程歸納起來可以分為五種狀態(tài)：初始狀態(tài)、請(qǐng)求狀態(tài)、空數(shù)據(jù)狀態(tài)、網(wǎng)絡(luò)錯(cuò)誤狀態(tài)、成功請(qǐng)求狀態(tài)。如果多個(gè)界面都存在這個(gè)流程，那么封裝整個(gè)過程的調(diào)用就很有必要了，既可以簡(jiǎn)化調(diào)用過程，又可以很方便的管理整個(gè)流程。

下面話不多說了，來一起看看詳細(xì)的介紹吧

功能簡(jiǎn)介

正在加載數(shù)據(jù)
數(shù)據(jù)加載失敗
數(shù)據(jù)加載為空
網(wǎng)絡(luò)加載失敗
重試點(diǎn)擊事件
支持自定義布局

效果圖展示

最簡(jiǎn)單的使用方式

1.Add it in your root build.gradle at the end of repositories:

allprojects {
 repositories {
  ...
  maven { url 'https://jitpack.io' }
 }
 }

2.Add the dependency

 dependencies {
   implementation 'com.github.pengMaster:MultipleLayout:1.0.0'
 }

3.在布局中添加

 <king.bird.multipleview.MultipleLayout
  android:id="@+id/mMultipleLayout"
  android:layout_width="match_parent"
  android:layout_height="match_parent">

  <!--任意內(nèi)容-->
  <TextView
   android:id="@+id/mTvContent"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:text="@string/content" />

 </king.bird.multipleview.MultipleLayout>

注意： MultipleLayout 可做為沒有標(biāo)題欄的最外層布局，內(nèi)部可包裹任何內(nèi)容

4.代碼中使用

  //重試點(diǎn)擊事件
  mMultipleLayout.setOnRetryClickListener {
   //模擬網(wǎng)絡(luò)請(qǐng)求
   Toast.makeText(this@MainActivity,"正在加載。。",Toast.LENGTH_SHORT).show()
  }
  //數(shù)據(jù)為空
  mMultipleLayout.showEmpty()
  //加載失敗
  mMultipleLayout.showError()
  //正在加載
  mMultipleLayout.showLoading()
  //網(wǎng)絡(luò)加載失敗
  mMultipleLayout.showNoNetwork()
  //顯示內(nèi)容
  mMultipleLayout.showContent()

擴(kuò)展功能

1.自定義狀態(tài)布局

 <king.bird.multipleview.MultipleLayout
  android:id="@+id/multipleStatusView"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  <!--自定義布局-->
  app:emptyView="@layout/layout_empty_view"
  app:errorView="@layout/layout_error_view"
  app:loadingView="@layout/layout_loading_view"
  app:noNetworkView="@layout/layout_network_view">

 </king.bird.multipleview.MultipleLayout>

2.代碼引入布局

  //數(shù)據(jù)為空
  showEmpty(int layoutId, ViewGroup.LayoutParams layoutParams)
  showEmpty(View view, ViewGroup.LayoutParams layoutParams)
  //加載失敗
  showError(int layoutId, ViewGroup.LayoutParams layoutParams)
  showError(View view, ViewGroup.LayoutParams layoutParams)
  //正在加載
  showLoading(int layoutId, ViewGroup.LayoutParams layoutParams)
  showLoading(View view, ViewGroup.LayoutParams layoutParams)
  //網(wǎng)絡(luò)加載失敗
  void showNoNetwork(int layoutId, ViewGroup.LayoutParams layoutParams)
  showNoNetwork(View view, ViewGroup.LayoutParams layoutParams)

3.擴(kuò)展

后續(xù)添加各種彈框

參與貢獻(xiàn)