前言
我是一名Android應用開發人員，入行才半個多月。目前在一家創業公司上班，每天都要想怎樣完成好老板吩咐的任務，現在腦子里都是想著怎樣快速的提升自己的工作能力。
由于我之前做過幾個個人項目，對于android應用的制作大概步驟有一個比較清晰理解，所以上班第一天就開始接手另一個搞技術的老板寫的代碼，到現在半個月了。讓我感觸最深的是，我第一眼接觸到項目的時候，被里面的代碼結構深深的折服了，原來我以前寫的東西簡直是狗屎。對比于自己原來臃腫的代碼結構，老板寫的代碼簡直讓我這個新手都能很快上手接著他的模式和思路繼續完成這個app。
RecyclerView在MVVM模式下的圖片加載
今天要說的是公司app里面用到的數據加載和顯示的模式MVVM（Model-View-ViewModel）。對于這個模式，這里我僅僅談談我對它的理解，如有不對的地方，懇請大神們幫忙指出我的錯誤。
- Model 指的是數據層，里面包含一些bean數據。（我這里直接用bean數據類代表Model）
- View 指的是顯示層，就是通過DataBinding綁定視圖后得到的一個bindingView
- ViewModel 這是一個抽象的概念，這個類其實就是數據顯示與其控制邏輯的核心，里面可以有很多更改數據的方法、監聽各種事件，我們可以在生成這個類對象的MainActivity或Fragment中調用它定義好的各種方法。
對于DataBinding，我的理解也不深，所以這里就不再討論它的具體用法了。大家對于我這篇文章，能看懂多少就算多少吧，因為我也不知道我是否能寫出一些真正發人深省的內容來。
項目地址
https://github.com/Ccapton/DatabindingDemo
具體代碼
微信圖片_20170925005613.png
先來看我的 MainActivity.java，是不是被這簡短的幾十行代碼驚艷到了 ^ - ^,其實我只是把具體的視圖顯示與數據加載放在了ViewModel這個類里而已。
import android.databinding.DataBindingUtil;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import com.example.capton.databindingdemo.databinding.ActivityMainBinding;
public class MainActivity extends AppCompatActivity {
public ActivityMainBinding bindingView;
private ViewModel viewModel; //聲明ViewModel對象
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
bindingView= DataBindingUtil.setContentView(this,R.layout.activity_main); //獲取綁定好所有控件的主視圖對象
bindingView.start.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//生成ViewModel對象，將MainActivity對象傳進去，待其內部調用
viewModel=new ViewModel(MainActivity.this);
//為了讓數據更新與用戶操作（點擊、滑動）相互相應，這個步驟一定要做
bindingView.setViewModel(viewModel);
}
});
bindingView.add.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(viewModel!=null)
viewModel.add();
}
});
bindingView.remove.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(viewModel!=null)
viewModel.remove();
}
});
}
}
下面是關鍵的ViewModel.java 其中大部分代碼都很常見，而DataBindingRecyclerViewAdapter這個適配器則是一個對于RecyclerView.Adapter的子類，里面不僅添加了點擊事件，最重要的是當結合databinding使用，它是一個萬能的適配器，
-
adapter = new DataBindingRecyclerViewAdapter(activity,R.layout.item_person,BR.person,personList);
通過這一句代碼就可適配任何實體數據了！！！！（前提是要用DataBinding）
對這個適配器感興趣的朋友，歡迎來我的Github star
https://github.com/Ccapton/DataBinding-Librar-RecyclerView-all-purpose-Adapter
import android.databinding.BaseObservable;
import android.support.v7.widget.LinearLayoutManager;
import android.view.View;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
/**
* Created by CAPTON on 2017/9/24.
*/
public class ViewModel extends BaseObservable {
private MainActivity activity;
private DataBindingRecyclerViewAdapter adapter;
private List<Person> personList=new ArrayList<>();
public ViewModel(final MainActivity activity){
this.activity=activity;
for (int i = 0; i < 10; i++) {
Person p=new Person();
p.name.set("熱巴我老婆<^_^> "+i);
p.url.set("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=150686889" +
"3&di=ce03509d972bd0d535a1fdcc20c9d202&imgtype=jpg&er=1&src=http%3A%2F%2Fn.sinaimg.cn%2Fent%2Ftransform%2F20170818%2FIAPS-fykcppx9377606.jpg");
personList.add(p);
}
adapter = new DataBindingRecyclerViewAdapter
(activity,R.layout.item_person,BR.person,personList);
activity.bindingView.recyclerview.setLayoutManager(new LinearLayoutManager(activity,LinearLayoutManager.VERTICAL,false));
activity.bindingView.recyclerview.setAdapter(adapter);
adapter.setOnItemCkickListener(new DataBindingRecyclerViewAdapter.ItemClickListener() {
@Override
public void itemClick(View view, int position) {
Toast.makeText(activity,position+"",Toast.LENGTH_SHORT).show();
}
});
}
public void remove(){
if(personList.size()!=0)
personList.remove(0);
adapter.notifyDataSetChanged();
}
public void add(){
Person p=new Person();
p.name.set("熱巴我老婆<^_^> 我是新來的");
p.url.set("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=150686889" +
"3&di=ce03509d972bd0d535a1fdcc20c9d202&imgtype=jpg&er=1&src=http%3A%2F%2Fn.sinaimg.cn%2Fent%2Ftransform%2F20170818%2FIAPS-fykcppx9377606.jpg");
personList.add(0,p);
adapter.notifyDataSetChanged();
}
public List<Person> getPersonList() {
return personList;
}
public void setPersonList(List<Person> personList) {
this.personList = personList;
}
}
接下來的都是一些次要的文件
ContextUtil.java 在任何類中獲取全局Context的工具類 首先要在Application中調用靜態方法init(Context context);然后就能在任何類中獲得全局Context對象了，這個工具我弄出來原因是，我要用到Glide加載網絡圖片，Glide要傳入一個context對象才能加載圖像。
import android.content.Context;
/**
* Created by CAPTON on 2017/9/24.
*/
public class ContextUtil {
private static Context sContext;
private static ContextUtil instance;
public static void init(Context context){
sContext=context;
if(instance==null)
instance=new ContextUtil();
}
public static ContextUtil getInstance(){
return instance;
}
public Context getAppContext(){
return sContext;
}
}
Person.java 數據實體類，里面的屬性類型都是DataBinding提供的響應式數據類型
import android.databinding.ObservableField;
/**
* Created by CAPTON on 2017/9/24.
*/
public class Person {
ObservableField<String> name=new ObservableField<>();
ObservableField<String> url=new ObservableField<>();
public ObservableField<String> getName() {
return name;
}
public void setName(ObservableField<String> name) {
this.name = name;
}
public ObservableField<String> getUrl() {
return url;
}
public void setUrl(ObservableField<String> url) {
this.url = url;
}
}
ImageDataBindingAdapter.java 這個類我也不多說了，DataBinding提供的注解方案，用于控件屬性設定的自定義方法。這個app:image屬性可以在item_persion.xml中的ImageView中添加，用于設置顯示的圖片
import android.databinding.BindingAdapter;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
/**
* Created by CAPTON on 2017/9/24.
*/
public class ImageDataBindingAdapter {
@BindingAdapter("app:image")
public static void setImage(ImageView imageView,String url){
Glide.with(ContextUtil.getInstance().getAppContext()).load(url).into(imageView);
}
}
布局文件
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context="com.example.capton.databindingdemo.MainActivity">
<data>
<variable
name="viewModel"
type="com.example.capton.databindingdemo.ViewModel"/>
</data>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:id="@+id/action"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<Button
android:id="@+id/start"
android:text="加載數據"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button
android:id="@+id/remove"
android:text="移除一項"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button
android:id="@+id/add"
android:text="增加一項"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
<android.support.v7.widget.RecyclerView
android:layout_below="@+id/action"
android:id="@+id/recyclerview"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
</android.support.v7.widget.RecyclerView>
</RelativeLayout>
</layout>
item_persion.xml
<?xml version="1.0" encoding="utf-8"?>
<layout
xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
>
<data>
<variable
name="person"
type="com.example.capton.databindingdemo.Person"/>
</data>
<LinearLayout
android:clickable="true"
android:orientation="horizontal"
android:padding="10dp"
android:gravity="center_vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
app:image="@{person.url}"
android:layout_width="100dp"
android:layout_height="70dp" />
<TextView
android:text="@{person.name}"
android:layout_margin="10dp"
android:gravity="center_vertical"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
</layout>
以上就是根據我現在結合DataBinding運用MVVM模式顯示、控制RecyclerView數據的全部內容。
深夜碼字，實屬不容易
歡迎來踩我的Github https://github.com/Ccapton 求star
