MVVM
github : https://github.com/Gong-Shijie/demo_MVVM
MVVM是一種高效組織代碼的架構(gòu)。
和MVP架構(gòu)一樣,架構(gòu)的目的在于:
- 關(guān)注點(diǎn)分離
- 降低耦合
- 增加代碼的質(zhì)量
其中MVVM有一個(gè)巨大的優(yōu)點(diǎn)就是單元測(cè)試起來(lái)極為方便,在組織大型而且復(fù)雜的工程的時(shí)候MVVM可以發(fā)揮巨大的作用。
LiveData
一個(gè)巨大的特點(diǎn)是觀察者模式,通過(guò)LiveData的這一特點(diǎn),在ViewModel中的LiveData數(shù)據(jù)就可以通過(guò)觀察者模式一旦數(shù)據(jù)發(fā)生了變化就可以對(duì)UI做出更新處理。
可以靈活利用LiveData在repository中進(jìn)而數(shù)據(jù)更新通知modleView來(lái)進(jìn)行邏輯處理,對(duì)數(shù)據(jù)進(jìn)行處理產(chǎn)出UI需要的數(shù)據(jù),這個(gè)數(shù)據(jù)也設(shè)定為L(zhǎng)iveData那么View層就可以對(duì)UI需要的數(shù)據(jù)進(jìn)行響應(yīng)更新。
這里主要研究通過(guò)LiveData來(lái)實(shí)現(xiàn)的MVVM架構(gòu)方式。
原理
這里我們需要有層次的思想來(lái)理解MVVM
就好比計(jì)算機(jī)網(wǎng)絡(luò),我們將整個(gè)計(jì)算機(jī)網(wǎng)絡(luò)服務(wù)劃分為自頂而下的應(yīng)用層、傳輸層、網(wǎng)絡(luò)層、數(shù)據(jù)鏈路層、物理層
各自在自己的模塊接受下層的服務(wù)向上層提供自己應(yīng)該提供的服務(wù)。
理解MVVM架構(gòu)的方式,我們需要理解每一個(gè)模塊接受什么,提供什么服務(wù),這樣才可以靈活運(yùn)用和架構(gòu)MVVM
View層:UI響應(yīng)式更新
View只負(fù)責(zé)處理UI事務(wù),通過(guò)觀察ViewModel中的數(shù)據(jù)變化來(lái)更新UI
Model層:數(shù)據(jù)組織、存儲(chǔ)來(lái)源
Model層提供數(shù)據(jù),獲取數(shù)據(jù)庫(kù)、文件、或者遠(yuǎn)端服務(wù)器的數(shù)據(jù)。提供給ViewModel來(lái)進(jìn)行邏輯處理。也就是應(yīng)用數(shù)據(jù)的源頭。通常增加Repository層通過(guò)Repository層來(lái)連接數(shù)據(jù)庫(kù)和服務(wù)器返回?cái)?shù)據(jù)給Model,Model,再將數(shù)據(jù)提供給上層。
ViewModle層:數(shù)據(jù)處理產(chǎn)出UI關(guān)心的數(shù)據(jù)
結(jié)構(gòu)
一個(gè)Mvvmdemo實(shí)戰(zhàn)
效果
用戶通過(guò)懸浮按鈕來(lái)進(jìn)行交互(View層);添加item到數(shù)據(jù)庫(kù)然后從數(shù)據(jù)庫(kù)取數(shù)據(jù)(Model層);對(duì)取出的數(shù)據(jù)進(jìn)行處理(ViewModel層);更新到界面(View層);
代碼
MainActivityViewModel.java
public class MainActivityViewModel extends ViewModel {
//記住新建對(duì)象創(chuàng)建實(shí)例,否則容易出現(xiàn)空引用問(wèn)題
private DbFruit dbFruit = DbFruit.getInstance();
private List<Fruit> fruitList=new ArrayList<>();
private MutableLiveData<List<Fruit>> mutableLiveData= new MutableLiveData<>();
public MutableLiveData<List<Fruit>> getMutableLiveData() {
return mutableLiveData;
}
public void additem(){
//dbFruit用來(lái)操作數(shù)據(jù)庫(kù)
dbFruit.additem();
fruitList = dbFruit.getallFruit();
//調(diào)用postValue來(lái)更新數(shù)據(jù),該更新就被觀察者觀察到做相應(yīng)的處理
mutableLiveData.postValue(fruitList);
}
public void inidata(){
//創(chuàng)建數(shù)據(jù)庫(kù)
LitePal.getDatabase();
fruitList =null;
fruitList = dbFruit.getallFruit();
//mutableLiveData的第一次賦值使用setValue
mutableLiveData.setValue(fruitList);
}
}
MainActivity.java
public class MainActivity extends AppCompatActivity {
private FloatingActionButton floatingActionButton;
private RecyclerView recyclerView;
private FruitAdapter fruitAdapter;
private MainActivityViewModel mainActivityViewModel;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = findViewById(R.id.recycler_view);
floatingActionButton = findViewById(R.id.add_btn);
//創(chuàng)建ViewModel
mainActivityViewModel = ViewModelProviders.of(this).get(MainActivityViewModel.class);
//初始化數(shù)據(jù)
mainActivityViewModel.inidata();
//初始化顯示數(shù)據(jù)到界面
iniRecyclerView();
//觀察到數(shù)據(jù)變化就更新adapter需要的數(shù)據(jù)從而更新界面
mainActivityViewModel.getMutableLiveData().observe(this, new Observer<List<Fruit>>() {
@Override
public void onChanged(List<Fruit> fruits) {
//更新adapter
updataUIdata();
}
});
//交互添加item按鈕執(zhí)行添加操作
floatingActionButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//添加item到數(shù)據(jù)庫(kù),更新mutableLiveData
mainActivityViewModel.additem();
}
});
}
public void iniRecyclerView(){
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this,RecyclerView.VERTICAL,false);
recyclerView.setLayoutManager(linearLayoutManager);
fruitAdapter= new FruitAdapter(mainActivityViewModel.getMutableLiveData().getValue());
recyclerView.setAdapter(fruitAdapter);
}
public void updataUIdata(){
fruitAdapter.setFlist(mainActivityViewModel.getMutableLiveData().getValue());
recyclerView.setAdapter(fruitAdapter);
}
}
DbFruit.java(數(shù)據(jù)倉(cāng)庫(kù)提供數(shù)據(jù)服務(wù))
//單例模式
public class DbFruit {
private static DbFruit dbFruit = new DbFruit();
private DbFruit() {
new Fruit(R.drawable.apple_pic,"apple").save();
new Fruit(R.drawable.banana_pic,"apple").save();
new Fruit(R.drawable.cherry_pic,"apple").save();
new Fruit(R.drawable.grape_pic,"apple").save();
new Fruit(R.drawable.mango_pic,"apple").save();
new Fruit(R.drawable.orange_pic,"apple").save();
new Fruit(R.drawable.pear_pic,"apple").save();
new Fruit(R.drawable.pineapple_pic,"apple").save();
new Fruit(R.drawable.strawberry_pic,"apple").save();
new Fruit(R.drawable.watermelon_pic,"apple").save();
}
public static DbFruit getInstance(){
return dbFruit;
}
public List<Fruit> getallFruit(){
return DataSupport.findAll(Fruit.class);
}
public void additem() {
Fruit fruit = new Fruit();
fruit.setF_image(R.drawable.apple_pic);
fruit.setF_name("add dpple!");
fruit.save();
}
}
XML(懸浮按鈕使用)
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/add_btn"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_margin="16dp"
android:src="@drawable/ic_add"
/>