1. 程式人生 > 程式設計 >Android-ViewModel和LiveData使用詳解

Android-ViewModel和LiveData使用詳解

ViewModel類的設計目的是以一種關注生命週期的方式儲存和管理與UI相關的資料。

例如:Activity在配置發生改變時(螢幕旋轉),Activity就會重新建立,onCreate()方法也會重新呼叫。我們可以在onSaveInstanceState()方法中儲存資料,並從onCreate()方法中通過Bundle恢復資料,但這種方法只適用於可以對其進行序列化的少量資料,而不適用於潛在的大量資料。使用ViewModel的話ViewModel會自動保留之前的資料並給新的Activity或Fragment使用。直到當前Activity被系統銷燬時,Framework會呼叫ViewModel的onCleared()方法,我們可以在onCleared()方法中做一些資源清理操作。

LiveData是一個可觀察的資料持有者類。與常見的觀察者不同,LiveData是有生命週期感知的。這意味著它尊重其他應用程式元件的生命週期,比如Activity、Fragment或Service。這種感知確保LiveData只更新處於生命週期狀態內的應用程式元件。

LiveData是由observer類表示的觀察者視為處於活動狀態,如果其生命週期處於STARTED或RESUMED狀態。LiveData會將觀察者視為活動狀態,並通知其資料的變化。LiveData未註冊的觀察物件以及非活動觀察者是不會收到有關更新的通知。

LiveData的優點:

確保UI介面的資料狀態

LiveData遵循觀察者模式。LiveData在生命週期狀態更改時通知Observer物件,更新這些Observer物件中的UI。觀察者可以在每次應用程式資料更改時更新UI,而不是每次發生更改時更新UI。

沒有記憶體洩漏

當觀察者被繫結他們對應的LifeCycle以後,當頁面銷燬時他們會自動被移除,不會導致記憶體溢位。

不會因為Activity的不可見導致Crash

當Activity不可見時,即使有資料變化,LiveData也不會通知觀察者。因為此時觀察者的LifeCyele並不處於Started或者RESUMED狀態。

配置的改變

當前Activity配置改變(如螢幕方向),導致重新從onCreate走一遍,這時觀察者們會立刻收到配置變化前的最新資料。

不用再人為的處理生命週期

Activity或者Fragment只要在需要觀察資料的時候觀察資料即可,不需要理會生命週期變化了。這一切都交給LiveData來自動管理。

新增ViewModel和LiveData庫的依賴

//build.gradle檔案中
allprojects {
 repositories {
  google()
  jcenter()
 }
}
//app/build.gradle檔案中
implementation 'androidx.lifecycle:lifecycle-extensions:2.0.0-alpha1'

定義ViewModel和建立LiveData

package io.dcloud.H56580E2E.viewModelLiveData;

import android.app.Application;

import androidx.annotation.NonNull;
import androidx.lifecycle.AndroidViewModel;
import androidx.lifecycle.MutableLiveData;
import androidx.lifecycle.ViewModel;
/**
 * ViewModel 主要解決的是Fragment的引數傳遞問題
 * ViewMode和物件例項繫結,也就是說ViewModel不會由於ConfigurationChange而改變。比如:在你的手機進行翻轉時,activity會重新走生命週期。
 * 那麼如果在Activity中儲存的資料,就很有可能,被複寫,重置或者丟失。但是如果我們將activity當作View元件的話,那麼我們的關鍵屬性就會自然而然的存放在ViewModel中。
 * 這時候如果acitivty的ConfigrationChange呼叫的話,由於activity物件並沒有被重建,還是之前的物件,那麼我們所取到的ViewModel也不會發生變化
 */

/**
 * 定義ViewModel和建立LiveData
 * ViewModel是以關聯生命週期的方式來儲存和管理UI相關的資料的類,即使configuration發生改變(比如旋轉螢幕),資料仍然可以存在不會銷燬(使用ViewModel就繼承 AndroidViewModel/ViewModel )
 * AndroidViewModel(ViewModel的子類):需要使用到Context物件時繼承它 否則繼承 ViewModel
 *
 * LiveData是一個可觀察的資料持有者類
 * ViewModel 與 LiveData相互配合使用
 */
public class DomeModel extends ViewModel {
 //建立LiveData(可以建立多個不同型別的 LiveData..)
 private MutableLiveData<DomeInfo> mDomeLiveData;

 /**
  * 改變 LiveData 中的資料
  * 使用 setValue()
  * @param phone_str
  * @param pwd_str
  * setValue()要在主執行緒中呼叫
  */
 public void setDomeInfo(String phone_str,String pwd_str){
  mDomeLiveData.setValue(new DomeInfo(phone_str,pwd_str));
 }

 /**
  * 改變 LiveData 中的資料
  * 使用 postValue()
  * postValue()既可在主執行緒也可在子執行緒中呼叫
  */
 public void postDomeInfo(String phone_str,String pwd_str){
  mDomeLiveData.postValue(new DomeInfo(phone_str,pwd_str));
 }

 /**
  *
  * @return
  */
 public MutableLiveData<DomeInfo> getmDomeLiveData(){
  if(mDomeLiveData == null){
   mDomeLiveData = new MutableLiveData<>();
  }
  return mDomeLiveData;
 }
 // 當MyActivity被銷燬時,Framework會呼叫ViewModel的onCleared()
 @Override
 protected void onCleared() {
  super.onCleared();
 }
}

使用(演示在 Activity中與Fragment中和Fragment與Fragment相互通訊)

在Activity中:

package io.dcloud.H56580E2E.viewModelLiveData;

import androidx.appcompat.app.AppCompatActivity;
import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProviders;
import butterknife.BindView;
import butterknife.ButterKnife;
import io.dcloud.H56580E2E.R;
import io.reactivex.functions.Consumer;
import android.os.Bundle;
import android.widget.Button;
import android.widget.TextView;

import com.jakewharton.rxbinding3.view.RxView;

import java.util.concurrent.TimeUnit;

public class DomeActivity extends AppCompatActivity {
 @BindView(R.id.button)
 Button addBut;
 @BindView(R.id.textView3)
 TextView showData_text;
 //ViewModel 物件
 private DomeModel domeModel;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_dome);
  ButterKnife.bind(this);

  //新增 Fragment檢視
  getSupportFragmentManager().beginTransaction().replace(R.id.frameLayout1,new OneFragment()).commit();
  getSupportFragmentManager().beginTransaction().replace(R.id.frameLayout2,new TwoFragment()).commit();
  //初始化 ViewModel
  domeModel = ViewModelProviders.of(this).get(DomeModel.class);
  //Button按鈕點選事件
  RxView.clicks(addBut).throttleFirst(2,TimeUnit.SECONDS)
    .subscribe(new Consumer<Object>() {
     @Override
     public void accept(Object unit) throws Exception {
      //使用 postValue()方法更新一條資料
      domeModel.postDomeInfo("13233253173","11111111");
     }
    });
  //獲取 上面更新的資料
  domeModel.getmDomeLiveData().observe(this,new Observer<DomeInfo>() {
   @Override
   public void onChanged(DomeInfo domeInfo) {
    showData_text.setText("賬號:"+domeInfo.getPhone_str()+"密碼:"+domeInfo.getPwd_str());
   }
  });
 }
}

Fragment 1:

package io.dcloud.H56580E2E.viewModelLiveData;

import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProviders;

import android.os.Bundle;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;

import com.jakewharton.rxbinding3.view.RxView;

import java.util.concurrent.TimeUnit;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.Unbinder;
import io.dcloud.H56580E2E.R;
import io.reactivex.functions.Consumer;


public class OneFragment extends Fragment {
 //ButterKnife物件
 private Unbinder unbinder;
 //建立 ViewModel 物件
 private DomeModel domeModel;
 @BindView(R.id.textView)
 TextView show_textview;
 @BindView(R.id.button2)
 Button update_but;
 public OneFragment() {
 }

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
 }

 @Override
 public View onCreateView(@NonNull LayoutInflater inflater,@Nullable ViewGroup container,@Nullable Bundle savedInstanceState) {
  View view= inflater.inflate(R.layout.one_fragment,container,false);
  unbinder=ButterKnife.bind(this,view);
  return view;
 }

 /*onViewCreated是在onCreateView後被觸發的事件*/
 @Override
 public void onViewCreated(@NonNull View view,@Nullable Bundle savedInstanceState) {
  super.onViewCreated(view,savedInstanceState);
 }

 @Override
 public void onActivityCreated(@Nullable Bundle savedInstanceState) {
  super.onActivityCreated(savedInstanceState);
  domeModel=ViewModelProviders.of(getActivity()).get(DomeModel.class);
  //在 oneFragment中更新資料
  RxView.clicks(update_but).throttleFirst(2,TimeUnit.SECONDS)
    .subscribe(new Consumer<Object>() {
     @Override
     public void accept(Object unit) throws Exception {
      domeModel.postDomeInfo("fragement1323325317","123456");
     }
    });

  // 獲取更新的資料(結合 RxJava2 操作符)
  domeModel.getmDomeLiveData().observe(this,new Observer<DomeInfo>() {
   @Override
   public void onChanged(DomeInfo domeInfo) {
    show_textview.setText("賬號:"+domeInfo.getPhone_str()+"密碼:"+domeInfo.getPwd_str());
   }
  });
 }

 @Override
 public void onDestroyView() {
  super.onDestroyView();
  //Fragment銷燬的時候解綁 ButterKnife
  unbinder.unbind();
 }
}

Fragment 2:

package io.dcloud.H56580E2E.viewModelLiveData;

import android.content.Context;
import android.os.Bundle;

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;

import com.jakewharton.rxbinding3.view.RxView;

import java.util.concurrent.TimeUnit;

import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProviders;
import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.Unbinder;
import io.dcloud.H56580E2E.R;
import io.reactivex.functions.Consumer;

/**
 * A simple {@link Fragment} subclass.
 * Activities that contain this fragment must implement the
 * create an instance of this fragment.
 */
public class TwoFragment extends Fragment {
 @BindView(R.id.textView5)
 TextView show_textview;
 @BindView(R.id.button3)
 Button button;
 private DomeModel domeModel;
 private Unbinder unbinder;

 public TwoFragment() {
  // Required empty public constructor
 }



 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
 }

 @Override
 public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
  // Inflate the layout for this fragment
  View view= inflater.inflate(R.layout.fragment_two,view);
  return view;
 }

 @Override
 public void onActivityCreated(@Nullable Bundle savedInstanceState) {
  super.onActivityCreated(savedInstanceState);
  domeModel = ViewModelProviders.of(getActivity()).get(DomeModel.class);
  RxView.clicks(button).throttleFirst(2,TimeUnit.SECONDS)
    .subscribe(new Consumer<Object>() {
     @Override
     public void accept(Object unit) throws Exception {
      domeModel.postDomeInfo("fragement2-1323325317","123456");
     }
    });
  // 獲取更新的資料(結合 RxJava2 操作符)
  domeModel.getmDomeLiveData().observe(this,new Observer<DomeInfo>() {
   @Override
   public void onChanged(DomeInfo domeInfo) {
    show_textview.setText("賬號:"+domeInfo.getPhone_str()+"密碼:"+domeInfo.getPwd_str());
   }
  });
 }

 @Override
 public void onAttach(Context context) {
  super.onAttach(context);
 }

 @Override
 public void onDetach() {
  super.onDetach();
 }

 @Override
 public void onDestroyView() {
  super.onDestroyView();
  //Fragment銷燬的時候解綁 ButterKnife
  unbinder.unbind();
 }
}

Dome實體類:

package io.dcloud.H56580E2E.viewModelLiveData;

/**
 * Dome實體類
 */
public class DomeInfo {
 private String phone_str;
 private String pwd_str;

 public DomeInfo(String phone_str,String pwd_str) {
  this.phone_str = phone_str;
  this.pwd_str = pwd_str;
 }

 public DomeInfo() {
 }

 public String getPhone_str() {
  return phone_str;
 }

 public void setPhone_str(String phone_str) {
  this.phone_str = phone_str;
 }

 public String getPwd_str() {
  return pwd_str;
 }

 public void setPwd_str(String pwd_str) {
  this.pwd_str = pwd_str;
 }
}

以上這篇Android-ViewModel和LiveData使用詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。