Android---Jetpack之LiveData

Posted 2023-03-29 别偷我的猪_09

目录

LiveData 和 ViewModel 的关系

LiveData 的优势

demo 演示

---

LiveData 和 ViewModel 的关系

在 ViewModel 中的数据发生变化时，LiveData通知页面。LiveData 是要和 ViewModel 一起使用的。

LiveData 的优势

   确保界面符合数据状态

   不会发生内存泄漏

   不会因 Activity 停止而导致崩溃

    不再需要手动处理生命周期

    数据始终保持最新状态

    适当的配置更改

   共享资源

demo 演示

使用 ViewModel + LiveData, 实现 Fragment 的通信。上面演示界面的两个seekBar，分别位于两个 Fragment 中(FirstFragment/SecondFragment, 都在 MainActivity 中)，我们要实现拖动其中任何一个 seekBar，另外一个 seekBar 的值也会随之改变。即要实现两个 Fragment 之间的通信。

activity_main.xml

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

    <fragment
        android:id="@+id/first_fragment"
        android:name="com.example.livedata2.FirstFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@+id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="366dp" />

    <fragment
        android:id="@+id/second_fragment"
        android:name="com.example.livedata2.SecondFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@+id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        />
</androidx.constraintlayout.widget.ConstraintLayout>

fragment_first.xml / fragment_second.xml(它们两个布局一样)

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


    <SeekBar
        android:id="@+id/seekBar"
        android:layout_width="0dp"
        android:max="100"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

MyViewModel.java 

LiveData 类型数据是写在 ViewModel 中的。MutableLiveData 继承自 LiveData，是它的子类，LiveData 是一个抽象类。

package com.example.livedata2;

import androidx.lifecycle.MutableLiveData;
import androidx.lifecycle.ViewModel;

public class MyViewModel extends ViewModel 
    private MutableLiveData<Integer> progress;

    public MutableLiveData<Integer> getProgress() 

        if (progress == null) 
            progress = new MutableLiveData<>();
            progress.setValue(0);
        

        return progress;
    

上面代码定义了一个 LivaData 类型的 progress，通过监听它的值的改变，来动态改变 view 界面显示的内容。

FirstFragment.java

package com.example.livedata2;

import android.os.Bundle;

import androidx.fragment.app.Fragment;
import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProvider;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.SeekBar;

import java.util.Objects;


public class FirstFragment extends Fragment 


    private SeekBar seekBar;
    private MyViewModel viewModel;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) 
        // Inflate the layout for this fragment
        View root = inflater.inflate(R.layout.fragment_f_irst, container, false);

        seekBar = root.findViewById(R.id.seekBar);
        // TODO 获取到 MyViewModel 对象
        viewModel = new ViewModelProvider(requireActivity(),
                new ViewModelProvider.AndroidViewModelFactory(requireActivity().getApplication())).get(MyViewModel.class);
        // TODO  监听 (LiveData)progress 数据的改变
        viewModel.getProgress().observe(requireActivity(), new Observer<Integer>() 
            @Override
            public void onChanged(Integer i) 
                seekBar.setProgress(i);
            
        );

        // TODO 当拖动 seekBar 时，改变 (LiveData)progress 的值
        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() 
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) 
                viewModel.getProgress().setValue(progress);
            

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) 

            

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) 

            
        );

        return root;
    

当用户手动拖动 seekBar 时，SeekBar.setOnSeekBarChangeListener.onProgressChanged() 方法里将拖动的值赋给 (LiveData)progress，然后 viewModel.getProgress().observe() 监听 (LiveData)progress 值的改变，然后再显示在 view 上。

FirstFragment.java

SecondFragment 里的内容和 FirstFragment 里的内容一样，只是加载的布局不一样，如下：

View root = inflater.inflate(R.layout.fragment_second, container, false);

因为 FirstFragment 与 SecondFragment 共用了MyViewModel 里的(LiveData)progress，然后显示在 view 上。所以当我拖动任意一个 seekBar 而改变了 (LiveData)progress 的值，另外一个 Fragment 的 seekBar 也会随着改变。从而实现了两个 Fragment 之间的通信。

MainActivity.java

package com.example.livedata2;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity 

    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);