-
國慶節假期過完了今天正常上班感覺假期啥都沒玩到
離下一次假期要到明年去了= =今年感覺啥都沒整好
吐槽完了 繼續本系列的第三篇DataBinding
第一篇ViewModel
第二篇LiveData
終章 MVVM
先放下本jetpak系列在學習過程中寫的demo jetpackDemo
老規矩貼下官網DataBinding概覽
先說下DataBinding的作用是幫助我們少寫了view的賦值、改變狀態的代碼,將數據直接綁定到xml實現自動賦值。
-
下面就直接開整
使用在app目錄中build.gradle文件android段落中插入
android {
...
dataBinding {
enabled = true
}
}
- 新建了一個activity_main.xml布局以后在外層包裹一層<layout>布局 ,然后插入data就行了
<layout>
<data>
<variable
name="mode"
type="包名.類名" />
</data>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".dataBinding.DataBindActivity">
<TextView
android:id="@+id/text"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
android:layout_width="wrap_content"
android:layout_marginTop="10dp"
android:textSize="18sp"
android:text='@{mode.xxxx}'
android:textColor="@android:color/holo_red_dark"
android:layout_height="wrap_content"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
- 當然綁定數據不能少variable標簽,name屬性就是一個名稱可以隨意,type這個是綁定被綁定的全路徑類,要注意的是這個類要
大寫開頭
不然會報couldn't make a guess for com.xxx.xxx的錯誤導致無法編譯通過 - 賦值使用@{mode.xxxx}就行了,@{}這個可以支持三目運算符、String、StringBuffer、Integer等操作感興趣的可以看下官方的表達式語言
- 做完xml的工作剩下的就是在代碼中使用了
//在activity這里不需要再去寫setContentView(R.layout.xxx)了
//因為DataBindingUtil.setContentView已經幫我們完成了setContentView(R.layout.xxx);這步驟
ActivityMainBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
binding.setViewModel(mainViewModel);
setContentView
- ActivityMainBinding這個是DataBinding給我們自動生成的,有點要注意的是<data class="ADataBinding"> 如果xml中在data標簽那寫了class名稱,那么默認生成的xxxxxBinding類名將變成classs填寫的名稱了,默認情況下xml生成的Binding類是xml的名稱,如上述的activity_main生成的則是ActivityMainBinding。
- setViewModel放入xml<variable>標簽中制定的type類就行了,setViewModel這個方法是根據<variable>定義的name來的,如果你定義的name是user那么對應的賦值方法就是setUser了,捎帶提一句<data>標簽是支持很多個<variable>標簽的,所以可以綁定很多個數據源。
- 除了上述的數據綁定操作,我們還可以用利用DataBinding的控件id綁定對控件進行操作,這樣就省了findViewById的代碼了
binding.text.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
}
});
- 最后我們在onDestroy方法對DataBinding進行解綁操作
@Override
protected void onDestroy() {
super.onDestroy();
if(binding!=null){
binding.unbind();
}
}
- 上述整個只不過是DataBinding最簡單最入門的使用下面開始騷起來
第一幕DataBinding綁定xml以及綁定數據 不同場景使用
在fragment使用
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
//二選一
FragmentDataBindingBinding dataBindFragment = DataBindingUtil.inflate(inflater, R.layout.fragment_data_binding, container, false);
FragmentDataBindingBinding dataBindFragment = FragmentDataBindingBinding.inflate(inflater, container, false);
return dataBindFragment.getRoot();
}
在自定義組合控件以及RecycleView使用,實例化DataBinding其實和fragment沒啥區別不過要注意的是executePendingBindings方法
//二選一
ViewDataBindingBinding viewDataBinding = DataBindingUtil.inflate(LayoutInflater.from(context),R.layout.view_data_binding,this,true);
ViewDataBindingBinding viewDataBinding = ViewDataBindingBinding.inflate(LayoutInflater.from(context),this,true);
- RecycleView的適配器以及listview、gridview等適配器的用法其實也和這差不多
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
private List<User> users;
@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
//二選一
ItemAdapterBinding itemAdapterBinding = DataBindingUtil.inflate(LayoutInflater.from(parent.getContext()), R.layout.item_adapter,parent,false);
ItemAdapterBining itemAdapterBinding = ItemAdapterBinding.inflate(LayoutInflater.from(parent.getContext()),parent,false);
return new ViewHolder(itemAdapterBinding);
}
public MyAdapter(List<User> users) {
this.users = users;
}
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
holder.itemAdapterBinding.setUser(users.get(position));
//當可變或可觀察對象發生更改時,綁定會按照計劃在下一幀之前發生更改。但有時必須立即執行綁定。要強制執行
//請使用executePendingBindings() 方法。
//這句話很關鍵 不加數據很可能錯亂
holder.itemAdapterBinding.executePendingBindings();
}
@Override
public int getItemCount() {
return users.size();
}
class ViewHolder extends RecyclerView.ViewHolder{
private ItemAdapterBinding itemAdapterBinding;
public ViewHolder(@NonNull ItemAdapterBinding itemAdapterBinding) {
super(itemAdapterBinding.getRoot());
this.itemAdapterBinding = itemAdapterBinding;
}
}
}
- item_adapter.xml
<?xml version="1.0" encoding="utf-8"?>
<layout>
<data >
<variable name="user" type="com.sanyue.jetpakcdemonew.bean.User"/>
</data>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto">
<TextView
android:id="@+id/tv_name"
android:layout_width="match_parent"
android:gravity='center'
android:hint='@{@string/app_name + "是偶數"}'
android:background="@{user.age%2==0 ? @android:color/holo_blue_light:@android:color/holo_orange_dark }"
android:text='@{user.age%2==0 ?user.age+ "是偶數" : Integer.toString(user.age)}'
app:layout_constraintTop_toTopOf="parent"
android:textColor='@{user.age%2==0 ? @android:color/holo_red_dark:@color/colorAccent }'
android:layout_height="30dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
- 上面就講述了下實例化的兩種方法,DataBindingUtil和xml生成的Binding類。
第二幕 雙向數據綁定 這環節講下項目實戰是怎么用DataBinding
public class User {
private String name;
private int age;
public User(String name, int age) {
this.name = name;
this.age = age;
}
public User() {
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
@Override
public String toString() {
return "User{" +
"name='" + name + '\'' +
", age=" + age +
'}';
}
public String getUser(){
return name==null&&age==0?"毛都沒有哦":name+"今年"+age;
}
}
public class DemoViewModel extends ViewModel {
public ObservableParcelable<Ab> ab= new ObservableParcelable<>();
public ObservableBoolean flag= new ObservableBoolean(false);
public ObservableArrayList<String> list= new ObservableArrayList();
public ObservableInt count =new ObservableInt(0);
private MediatorLiveData<User> userMediatorLiveData = new MediatorLiveData<>();
public LiveData<User> userLiveData = userMediatorLiveData;
public MediatorLiveData<String> stringMediatorLiveData =new MediatorLiveData<>();
public ObservableField<User> userObservableField = new ObservableField<>();
public void addUser(User user){
userMediatorLiveData.setValue(user);
stringMediatorLiveData.setValue(user+"你好");
addList(stringMediatorLiveData.getValue());
userObservableField.set(user);
}
public String getUser(){
return userMediatorLiveData.getValue()==null?"毛都沒有哦":userMediatorLiveData.getValue().getName()+"今年"+userMediatorLiveData.getValue().getAge();
}
public void add(){
count.set(count.get()+1);
}
public void addList(String str){
list.add(str);
}
public DemoViewModel() {
ab.set(new Ab("學生"));
stringMediatorLiveData.setValue("1234");
}
public static class Ab implements Parcelable {
public String name;
public Ab(String name) {
this.name = name;
}
protected Ab(Parcel in) {
name = in.readString();
}
public static final Creator<Ab> CREATOR = new Creator<Ab>() {
@Override
public Ab createFromParcel(Parcel in) {
return new Ab(in);
}
@Override
public Ab[] newArray(int size) {
return new Ab[size];
}
};
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
@Override
public int describeContents() {
return 0;
}
@Override
public void writeToParcel(Parcel parcel, int i) {
parcel.writeString(name);
}
}
}
先說下可觀察字段在之前文章觀察字段一直用的LiveData ,用observe方法對字段進行觀察,而Observable系列則是addXXXXXXChangedCallback方法進行監聽
這幾個Observable的類用法都是一樣的都是set方法賦值get方法取值,就
ObservableParcelable
賦值的范型需要實現Parcelable接口接著看xml和activity頁面
<?xml version="1.0" encoding="utf-8"?>
<layout>
<data>
<variable
name="mode"
type="com.sanyue.jetpakcdemonew.liveDataBinding.two.DemoViewModel" />
<variable
name="onclick"
type="android.view.View.OnClickListener" />
<variable
name="adapter"
type="com.sanyue.jetpakcdemonew.liveDataBinding.ListAdapter" />
</data>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent"
tools:context=".liveDataBinding.two.DemoActivity">
<Button
android:id="@+id/addUser"
android:layout_width="wrap_content"
android:onClick="@{onclick}"
android:text='@{"添加個"+mode.ab.name}'
android:layout_height="wrap_content"/>
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:text='@{mode.userLiveData.user}'
android:layout_height="50dp"/>
<Button
android:id="@+id/countAdd"
android:layout_width="wrap_content"
android:onClick="@{onclick}"
android:text='@{mode.count+"+1"}'
android:layout_height="wrap_content"/>
<CheckBox
android:id="@+id/checkbox"
android:layout_width="wrap_content"
android:button="@drawable/check"
android:checked="@={mode.flag}"
android:text="@{String.valueOf(mode.flag)}"
android:paddingLeft="10dp"
android:layout_height="50dp"/>
<TextView
android:layout_width="wrap_content"
android:text="@{mode.stringMediatorLiveData}"
android:layout_height="wrap_content"/>
<TextView
android:layout_width="wrap_content"
android:text="@{mode.userObservableField.user}"
android:layout_height="wrap_content"/>
<TextView
android:layout_width="wrap_content"
android:text='@{String.format("添加了%d個學生",mode.list.size())}'
android:layout_height="wrap_content"/>
<ListView
android:id="@+id/listView"
android:adapter="@{adapter}"
android:layout_width="match_parent"
android:selectedItemPosition="@{mode.list.size()-1}"
app:layout_constraintTop_toBottomOf="@+id/checkbox"
android:layout_height="match_parent"/>
</LinearLayout>
</layout>
- 簡單的封裝了個BaseActivity
public abstract class BaseActivity extends AppCompatActivity {
private ViewDataBinding dataBinding;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//這里是activity中使用 dataBinding 我這里就是簡單的寫了個抽象類節省下事情
dataBinding = DataBindingUtil.setContentView(this,getLayout());
init();
}
public abstract void init();
public abstract int getLayout();
protected <T extends ViewDataBinding> T getViewDataBinding() {
return (T) dataBinding;
}
@Override
protected void onDestroy() {
super.onDestroy();
if(dataBinding!=null){
dataBinding.unbind();
}
}
}
public class DemoActivity extends BaseActivity implements View.OnClickListener {
private DemoViewModel viewModel;
private ActivityDemoBinding demoBinding;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
viewModel = new ViewModelProvider(this).get(DemoViewModel.class);
demoBinding = getViewDataBinding();
demoBinding.setMode(viewModel);
demoBinding.setOnclick(this);
demoBinding.setLifecycleOwner(this);
ListAdapter adapter = new ListAdapter(viewModel.list);
demoBinding.setAdapter(adapter);
}
@Override
public void init() {
}
@Override
public int getLayout() {
return R.layout.activity_demo;
}
@Override
public void onClick(View view) {
switch (view.getId()){
case R.id.addUser:
viewModel.addUser(new User("張三",18));
break;
case R.id.countAdd:
viewModel.add();
break;
}
}
}
- ListView適配器和item.xml
public class ListAdapter extends BaseAdapter {
private ObservableArrayList<String> list;
public ListAdapter(ObservableArrayList<String> list) {
this.list = list;
}
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int i) {
return list.get(i);
}
@Override
public long getItemId(int i) {
return i;
}
@Override
public View getView(int i, View view, ViewGroup viewGroup) {
ItemListViewBinding binding = null;
if(binding==null){
binding = DataBindingUtil.inflate(LayoutInflater.from(viewGroup.getContext()),R.layout.item_list_view,viewGroup,false);
}
binding.setStr(list.get(i));
binding.executePendingBindings();
return binding.getRoot();
}
}
<?xml version="1.0" encoding="utf-8"?>
<layout>
<data>
<variable
name="str"
type="String" />
</data>
<TextView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:gravity="center"
android:text='@{str}'
android:textColor="#ffffff"
android:background="@drawable/b1"
android:layout_height="30dp">
</TextView>
</layout>
- 這里要強調的是.setLifecycleOwner(this)方法,如果不綁定生命周期那么DataBinding無法感知LiveData的變化,這樣會導致ui無法跟著數據一同改變。
- 這種能在xml和數據進行綁定的稱之為雙向特性
-
目前支持雙向特性的控件如下
效果圖
第三幕綁定適配器
-
先看下谷歌提供的TextViewBindingAdapter的代碼
TextViewBindingAdapter - 從源碼可以看到是定義了一個注解根據android:text這個關鍵字段對TextView進行setText操作,既然如此我們完全可以照葫蘆畫瓢弄一個自己的適配器
- 下面用RecycleView的方式去實現上面ListView的效果
- 定義一個適配器類 BindingAdapters
public class BindingAdapters {
/**
* @BindingAdapter的關鍵就是綁定一個liveData的數據進行關聯當數據進行了改變那么會再次調用該方法
*
* @param view
* @param position 這個是最關鍵的 綁定這個的值必須得是liveData類型可以觀察的
* 如果是普通的listView 那么這個方法在數據進行改變的時候就不會在執行了
* @param adapter
*/
@BindingAdapter({"android:scrollToPosition", "android:adapter"})
public static void setRecycleViewAdapter(RecyclerView view,int position,RecyclerView.Adapter adapter){
if (view.getAdapter() == null) {
view.setAdapter(adapter);
}else {
view.getAdapter().notifyDataSetChanged();
}
view.scrollToPosition(position);
}
@BindingAdapter("android:layoutManager")
public static void setLayoutManager(RecyclerView recyclerView,RecyclerView.LayoutManager LayoutManager){
recyclerView.setLayoutManager(LayoutManager);
}
}
public class DemoRecycleAdapter extends RecyclerView.Adapter<DemoRecycleAdapter.ViewHolder> {
private List<String> users;
@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
return new ViewHolder(ItemDemoRecyViewBinding.inflate(LayoutInflater.from(parent.getContext()),parent,false));
}
public DemoRecycleAdapter(ObservableArrayList<String> users) {
this.users = users;
}
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
holder.itemAdapterBinding.setUser(users.get(position));
//這句話很關鍵 不加數據會錯亂 https://developer.android.google.cn/topic/libraries/data-binding/generated-binding
holder.itemAdapterBinding.executePendingBindings();
}
@Override
public int getItemCount() {
return users.size();
}
class ViewHolder extends RecyclerView.ViewHolder{
private ItemDemoRecyViewBinding itemAdapterBinding;
public ViewHolder(@NonNull ItemDemoRecyViewBinding itemAdapterBinding) {
super(itemAdapterBinding.getRoot());
this.itemAdapterBinding = itemAdapterBinding;
}
}
}
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycleView"
app:layout_constraintTop_toBottomOf="@+id/scoreText"
android:layout_width="match_parent"
android:adapter="@{recycleAdapter}"
android:layoutManager="@{layout}"
android:scrollToPosition="@{mode.list.size()-1}"
android:layout_height="90dp"/>
demoBinding.setLayout(new LinearLayoutManager(this));
DemoRecycleAdapter recycleAdapter = new DemoRecycleAdapter(viewModel.list);
demoBinding.setRecycleAdapter(recycleAdapter);
- 這里主要講解下
position
這個想要是實時去刷新adapter,綁定一個可觀察對象是關鍵,adapter不是可觀察得對象只有list(ObservableArrayList)是可觀察對象 ,如果沒有去綁定一個可觀察對象那么自定義適配器方法setRecycleViewAdapter只會執行一次,感興趣的小伙伴可以自己試一試。
第四幕繼承BaseObservable自己實現一個可觀察對象
- 貼下官方的鏈接使用可觀察的數據對象
public class Book extends BaseObservable {
private String name;
private int pages;
public Book() {
}
public Book(String name, int pages) {
this.name = name;
this.pages = pages;
}
@Bindable
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
notifyPropertyChanged(BR.name);
notifyPropertyChanged(BR.score);
}
@Bindable
public int getPages() {
return pages;
}
public void setPages(int pages) {
this.pages = pages;
notifyPropertyChanged(BR.pages);
}
@Bindable
public String getScore(){
if(name==null){
return "";
}
return name.startsWith("Android")?name+"強烈推薦":name+"這破書沒啥好看的";
}
}
- 自己實現BaseObservable關鍵2個代碼是@Bindable和notifyPropertyChanged 這倆玩意
<TextView
android:layout_width="wrap_content"
android:text="@{mode.book.score}"
android:layout_height="wrap_content"/>
public Book book= new Book();
public void addBooK(String name,int page){
book.setName(name);
book.setPages(page);
}
終幕
Jetpack 三部曲就到此結束了
DataBinding這個源碼對比ViewModel和LiveData來講更多更為復雜應用到了注解反射以及APT技術,通過注解反射的方式生成輔助類ActivityMainBindingImpl感興趣的小伙伴可以去研究下。
image.png
寫的不對不好的地方請大家指點
image