Android

Android JetPack学习总结(一)

MVVM的ViewModel

MVC模式下业务逻辑全都在controller中完成,这意味着一个activity既是controller又是业务逻辑实现者。

image

MVVM将数据(UI data)从Controller中分离出来,单独放到一个类中处理。实现方法是创建一个继承于ViewModel的类,来进行数据的存储和操作。

image 1
public class MyViewModel extends ViewModel {
    public int number=0;

}

在activity中实现该viewModel:

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myViewModel= new ViewModelProvider(this,new ViewModelProvider.NewInstanceFactory())
                .get(MyViewModel.class);
        //...
    }

使用ViewModel管理UI数据不需要考虑对它进行存储:在旋转屏幕、更换语言等情况下不需要使用onSavedInstanceState()和onRestoreInstanceState()对数据进行保存和读取。并且对于数据的管理全在ViewModel中进行,提高了activity模块化。

LiveData

仅使用ViewModel时,每一次数据发生改变时还是需要通过references来驱动View控件来刷新界面。现在使用LiveData来表示UI data,只要当这个数据发生变动时,这个数据的观察者可以自动去刷新界面上的数据(设置观察者仍在controller中)。

image 2
在ViewModel中创建LiveData数据
public class ViewModelWithLiveData extends ViewModel {
    private MutableLiveData<Integer> likedNumber;
    
    public MutableLiveData<Integer> getLikedNumber() {
        if (likedNumber==null){
            likedNumber=new MutableLiveData<>();
            likedNumber.setValue(0);
        }
        return likedNumber;
    }

    public void addLikedNumber(int n){
        likedNumber.setValue(likedNumber.getValue()+n);
    }
}

在ViewModel中有对数的获取和修改操作。

为LiveData创建观察者
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //...
        viewModelWithLiveData.getLikedNumber().observe(this, new Observer<Integer>() {
            @Override
            public void onChanged(Integer integer) {
                textView.setText(String.valueOf(integer));
            }
        });

//...
    }

一旦数值发生改变就自动更新ui。

对数据进行修改
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //...
        viewModelWithLiveData.getLikedNumber().observe(this, new Observer<Integer>() {
            @Override
            public void onChanged(Integer integer) {
                textView.setText(String.valueOf(integer));
            }
        });

        imageButton1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                viewModelWithLiveData.addLikedNumber(1);
            }
        });
        imageButton2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                viewModelWithLiveData.addLikedNumber(2);
            }
        });
    }

在点击按钮后ViewModel来处理数据的修改;一旦数据被修改后观察者就会自动更新ui界面。

DataBinding

使用DataBinding之后可以将UI数据的更新完全从controller中剥离开来,即controller和viewGroup不再建立联系。

image 3
手动开启dataBinding

在gradle(app)中增加:

defaultConfig {
        //...
        dataBinding{
            enabled true
        }
    }
convert to data binding layout

光标在布局文件中的第一行行首,按下alt+insert,点击convert to data binding layout,这一举动可以使得在布局文件中使用传进来的数据。

<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <data>
        
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <TextView
            ... />

        <Button
            ... />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>
在activity中绑定视图文件

这时Android Studio会自动生成一个类,名字取决于视图布局文件名称,为XXXXBinding。

原先的setContentView方法就可以被取代了,直接用dataBinding来设置视图。

public class MainActivity extends AppCompatActivity {


    private MyViewModel myViewModel;

    ActivityMainBinding binding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        binding= DataBindingUtil.setContentView(this,R.layout.activity_main);
        myViewModel=new ViewModelProvider(this,new ViewModelProvider.NewInstanceFactory()).get(MyViewModel.class);
        binding.setData(myViewModel);
        binding.setLifecycleOwner(this);
    }
}

将ViewModel传递给布局文件以绑定:

binding.setData(myViewModel);

binding.setLifecycleOwner(this);这一句不写,就不会实现对LiveData的监听。

在布局文件中绑定数据与操作

在布局文件的data标签中定义数据名称和类型,之后就可以在组件类型中使用这个数据了。

    <data>
        <variable
            name="data"
            type="com.shopkeeper.databinding.MyViewModel" />
    </data>

设置text的语法是:

android:text="@{String.valueOf(data.number)}"

设置click时间的语法是:

android:onClick="@{()->data.add()}"
<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <data>
        <variable
            name="data"
            type="com.shopkeeper.databinding.MyViewModel" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{String.valueOf(data.number)}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintHorizontal_bias="0.498"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.358" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button"
            android:onClick="@{()->data.add()}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.498"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.554" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

发表评论