Android Jetpack系列 之LiveData

简介: Android Jetpack系列 之LiveData

 前言

Android Jetpack 之ViewBinding和DataBinding这篇文章中,我们讲到了可观察的数据对象,在Jetpack组件中也为我们提供了强大的可观察的数据存储器类,就是我们本篇所说的LiveData。

LiveData

与普通可观察类不同的是LiveData具有生命周期感应能力,比如我们在页面中进行网络请求结束后,需要将数据显示在UI上,如果此时页面被销毁就会有空指针等异常,我们还需要在页面销毁的时候单独处理,而使用了LiveData之后就不需要我们手动的去处理这些了。

LiveData的使用

我们在Lifecycle和ViewModel 的博文中以计数器为例子,这里我们仍然以计数器为例子,如果你还没看过之前的博文可移步:

Android Jetpack系列之LifecycleAndroid Jetpack系列之 ViewModel

首先来回顾下计数器的需求:

在Activity 可见的时候,我们去做一个计数功能,每隔一秒 将计数加1 ,当Activity不可见的时候停止计数,当Activity被销毁的时候 将计数置为0。这里我们新增需求将计数的数字显示在TextView中。

所以我们就要做到当计数的数字发生改变时,通知TextView便于TextView重新显示,如果矬一点,可能会想到将View传递到ViewModel中,让ViewModel持有View的引用,这种方式确实可以实现需求,但是后患无穷,并且View和ViewModel之前只能是单项的,即只能View层持有ViewModel,那么如何优雅的实现找那个需求呢?这就是我们今天说的LiveData了

我们在activity_main3中新增一个TextView用来显示计数

<TextView
    android:gravity="center"
    android:layout_margin="10dp"
    android:textSize="20dp"
    android:id="@+id/tv_count"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

image.gif

LiveData需要结合ViewModel来使用,之前的Main3ActivityModel代码如下所示:

public class Main3ActivityViewModel extends ViewModel {
    public int count = 0;
    public Main3ActivityViewModel(int count) {
        this.count = count;
    }
}

image.gif

我们将count类型的变量修改为LiveData的类型 代码如下所示:

public class Main3ActivityViewModel extends ViewModel {
    public MutableLiveData<Integer> mCount = new MutableLiveData<>();
    public Main3ActivityViewModel(int count) {
        this.mCount.setValue(count);
    }
}

image.gif

LiveData类型的变量我们通过set和get去赋值和取值

现在计数的数字已经是LiveData类型的了,那么我们如何在数据变化的时候通知textView呢

我们只需要在Main3Activity中进行如下注册:

main3ActivityViewModel.count.observeForever(new Observer<Integer>() {
    @Override
    public void onChanged(Integer integer) {
    }
});

image.gif

光是这样还是不行的,我们还需要修改WorkUtil中的逻辑,因为现在是可变类型的数据,所以我们要将值的改变放在ViewModel中

public class Main3ActivityViewModel extends ViewModel {
    public MutableLiveData<Integer> mCount = new MutableLiveData<>();
    public void add() {
        mCount.setValue(mCount.getValue() + 1);
    }
    public Main3ActivityViewModel(int count) {
        this.mCount.setValue(count);
    }
}

image.gif

这样的话 我们在WorkUtil中调用add方法 就可以改变mCount的值了,最后我们在注册回到的onChanged方法中去给Textview赋值就可以了,我们运行程序结果如下:

image.gif

嚯嚯,pia pia 打脸

这里报错的原因是因为我们的计数demo是运行在子线程中的,而LiveData的setValue方法只能在主线程中调用,如果想要在子线程中调动只能使用postValue方法,我们将赋值方法改为postValue,再次运行结果如下所示:

image.gif

image.gif

我不知道mac下是否有类似screenToGif这种软件,所以只能截静态图了。

ok,这样的话 我们就使用LiveData实现上面的需求了,但是有没有感觉有什么问题呢,问题就是这个mCount可变类型的数据暴露给了外部,导致我们在ViewModel外也是可以赋值的,这样违反了ViewModel数据的封装性,所以我们需要将这个可变类型的变量声明为私有的并且声明一个不可变的变量赋值给mCount,只对外暴露不可变的LiveData,修改model代码如下所示:

private LiveData<Integer> count;
public LiveData<Integer> getCount() {
    return mCount;
}
public void setCount(LiveData<Integer> count) {
    this.count = count;
}
private MutableLiveData<Integer> mCount = new MutableLiveData<>();
public void add() {
    mCount.postValue(mCount.getValue() + 1);
}
public Main3ActivityViewModel(int count) {
    this.mCount.setValue(count);
}

image.gif

修改WorkUtil中的访问方法如下所示:

@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
public void start() {
    new Thread(new Runnable() {
        @Override
        public void run() {
            while (whetherToCount) {
                try {
                    Thread.sleep(1000);
                    main3ActivityViewModel.add();
                    Log.d(TAG, "start: " + main3ActivityViewModel.getCount());
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
        }
    }).start();
}

image.gif

这样一来 就是LiveData的规范用法了。

转换LiveData

.map转换

为了说明转化的作用,我们新建一个Student类,类中有如下字段 :

public class Student {
    /**
     * 学号
     */
    private int stuNumber;
    /**
     * 姓名
     */
    private int stuName;
    /**
     * 分数
     */
    private int stuScore;
    ....
}

image.gif

我们新建Main4Activity 对应页面输入分数、保存、显示分数

需求如下:

在输入框中输入分数、在textview中显示分数

<EditText
    android:id="@+id/ed_socre"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="enter stunumber" />
<Button
    android:id="@+id/btn_save"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="save" />
<TextView
    android:gravity="center"
    android:layout_margin="10dp"
    android:textSize="20sp"
    android:id="@+id/tv_stuscore"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

image.gif

新建对应的Main4ActivityModel 来观察student数据的改变

public class Main4ActivityViewModel extends ViewModel {
    private LiveData<Student> liveData;
    public LiveData<Student> getLiveData() {
        return studentMutableLiveData;
    }
    private MutableLiveData<Student> studentMutableLiveData = new MutableLiveData<>();
    public void setStudentMutableLiveData(Student studentMutableLiveData) {
      this.studentMutableLiveData.setValue(studentMutableLiveData);
    }
}

image.gif

我们这里直接使用setStudentMutableLiveData来模拟数据的获取,正常情况下我们需要在ViewModel去请求网络数据进行设置

我们在Main4Activity中直接进行数据设置操作:

private Main4ActivityViewModel main4ActivityViewModel;
private Button btnSave;
private TextView tvScore;
private EditText edScore;
private Student student = new Student();
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main4);
    btnSave = findViewById(R.id.btn_save);
    tvScore = findViewById(R.id.tv_stuscore);
    edScore = findViewById(R.id.ed_socre);
    main4ActivityViewModel = new ViewModelProvider(this).get(Main4ActivityViewModel.class);
    student.setStuName("黄林晴");
    student.setStuNumber(20200522);
    btnSave.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            student.setStuScore(Integer.parseInt(edScore.getText().toString()));
            main4ActivityViewModel.setStudentMutableLiveData(student);
        }
    });
    main4ActivityViewModel.getLiveData().observe(this, new Observer<Student>() {
        @Override
        public void onChanged(Student student) {
            tvScore.setText("分数:" + student.getStuScore());
        }
    });
}

image.gif

这里只是个示例,不做空校验等问题了,我们运行程序,在输入框中输入100 结果如下所示:

image.gif

程序达到了我们预期的结果,但是我们这里知道,对于学生这个属性来说,学号和姓名是不可变的,只有分数是可变的,所以这个时候我们可以使用map函数只对分数进行观察,改写ViewModel中的代码如下所示:

public Main4ActivityViewModel() {
    stuScore = map(studentMutableLiveData, new Function<Student, Integer>() {
        @Override
        public Integer apply(Student input) {
            final int stuScore = input.getStuScore();
            return stuScore;
        }
    });
}
private LiveData<Integer> stuScore;
public LiveData<Integer> getStuScore() {
    return stuScore;
}
private MutableLiveData<Student> studentMutableLiveData = new MutableLiveData<>();
public void setStudentMutableLiveData(Student studentMutableLiveData) {
    this.studentMutableLiveData.setValue(studentMutableLiveData);
}

image.gif

在Main4Activity监测score的变化

main4ActivityViewModel.getStuScore().observe(this, new Observer<Integer>() {
    @Override
    public void onChanged(Integer integer) {
        tvScore.setText("分数:" + integer);
    }
});

image.gif

运行结果与上面一致,这就是map转换函数的用法

switchMap

我们上面的例子数据的获取是直接写在Activity中获取的,在真实的项目开发中,这里的数据一般都是从网络请求中或者缓存中获取的,我们来新建HttpUtil来模拟数据的获取:

public class HttpUtil {
    public LiveData<Student> getStudent(int score) {
        MutableLiveData<Student> studentMutableLiveData = new MutableLiveData<>();
        Student student = new Student();
        student.setStuNumber(20200521);
        student.setStuName("黄小仙");
        student.setStuScore(score);
        studentMutableLiveData.setValue(student);
        return studentMutableLiveData;
    }
}

image.gif

我们在ViewModel中也新增获取的方法:

public LiveData<Student> getStudentMessage(int score) {
    return new HttpUtil().getStudent(score);
}

image.gif

然后就美滋滋的在Activity中进行如下注册:

main4ActivityViewModel.getStudentMessage(score).observe(this, new Observer<Student>() {
    @Override
    public void onChanged(Student student) {
        tvScore.setText("分数:" + student.getStuScore());
    }
});

image.gif

OK,这种做法是不行的,原因很简单,因为我们的数据每次从网络中获取 获取到的都是一个新的LiveData对象,所以我们无法监听到数据的变化,那么我们该如何做呢,这个时候switchMap就派上用场了

我们在ViewModel 中定义 检测分数变化的LiveData对象

private MutableLiveData<Integer> score = new MutableLiveData<>();
public void setScore(int score) {
    this.score.setValue(score);
}

image.gif

使用switchMap将信息转化为可观察的LiveData对象:

private LiveData<Student> studentLiveData = Transformations.switchMap(score, new Function<Integer, LiveData<Student>>() {
    @Override
    public LiveData<Student> apply(Integer input) {
        return getStudentMessage(input);
    }
});

image.gif

然后我们检测studentLiveData的变化 ,在监听事件中设置分数

btnSave.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        main4ActivityViewModel.setScore(Integer.parseInt(edScore.getText().toString()));
    }
});
main4ActivityViewModel.studentLiveData.observe(this, new Observer<Student>() {
    @Override
    public void onChanged(Student student) {
        tvScore.setText("分数:" + student.getStuScore());
    }
});

image.gif

运行程序结果如下所示:

image.gif

在实际项目开发中我们使用switchMap的频率还是很高的,毕竟 只要LiveData对象是调用其他方法获取的 ,我们就可以这样做,

在点击事件中我们设置了可观察数据:分数,当分数改变的时候,就会执行switchMap函数 ,switchMap会将获取的数据转换为可观察的LiveData,所以我们监听这个LiveData对象 就可以观察到数据的变化了。


目录
相关文章
|
25天前
|
存储 缓存 Android开发
安卓Jetpack Compose+Kotlin, 使用ExoPlayer播放多个【远程url】音频,搭配Okhttp库进行下载和缓存,播放完随机播放下一首
这是一个Kotlin项目,使用Jetpack Compose和ExoPlayer框架开发Android应用,功能是播放远程URL音频列表。应用会检查本地缓存,如果文件存在且大小与远程文件一致则使用缓存,否则下载文件并播放。播放完成后或遇到异常,会随机播放下一首音频,并在播放前随机设置播放速度(0.9到1.2倍速)。代码包括ViewModel,负责音频管理和播放逻辑,以及UI层,包含播放和停止按钮。
113 0
|
25天前
|
存储 数据库 Android开发
安卓Jetpack Compose+Kotlin,支持从本地添加音频文件到播放列表,支持删除,使用ExoPlayer播放音乐
为了在UI界面添加用于添加和删除本地音乐文件的按钮,以及相关的播放功能,你需要实现以下几个步骤: 1. **集成用户选择本地音乐**:允许用户从设备中选择音乐文件。 2. **创建UI按钮**:在界面中创建添加和删除按钮。 3. **数据库功能**:使用Room数据库来存储音频文件信息。 4. **更新ViewModel**:处理添加、删除和播放音频文件的逻辑。 5. **UI实现**:在UI层支持添加、删除音乐以及播放功能。
|
25天前
|
数据管理 API 数据库
探索Android Jetpack:现代安卓开发的利器
Android Jetpack是谷歌为简化和优化安卓应用开发而推出的一套高级组件库。本文深入探讨了Jetpack的主要构成及其在应用开发中的实际运用,展示了如何通过使用这些工具来提升开发效率和应用性能。
|
21天前
|
JavaScript Java Android开发
kotlin安卓在Jetpack Compose 框架下跨组件通讯EventBus
**EventBus** 是一个Android事件总线库,简化组件间通信。要使用它,首先在Gradle中添加依赖`implementation &#39;org.greenrobot:eventbus:3.3.1&#39;`。然后,可选地定义事件类如`MessageEvent`。在活动或Fragment的`onCreate`中注册订阅者,在`onDestroy`中反注册。通过`@Subscribe`注解方法处理事件,如`onMessageEvent`。发送事件使用`EventBus.getDefault().post()`。
|
21天前
|
JavaScript 前端开发 Android开发
kotlin安卓在Jetpack Compose 框架下使用webview , 网页中的JavaScript代码如何与native交互
在Jetpack Compose中使用Kotlin创建Webview组件,设置JavaScript交互:`@Composable`函数`ComposableWebView`加载网页并启用JavaScript。通过`addJavascriptInterface`添加`WebAppInterface`类,允许JavaScript调用Android方法如播放音频。当页面加载完成时,执行`onWebViewReady`回调。
|
24天前
|
监控 Android开发 数据安全/隐私保护
安卓kotlin JetPack Compose 实现摄像头监控画面变化并录制视频
在这个示例中,开发者正在使用Kotlin和Jetpack Compose构建一个Android应用程序,该程序 能够通过手机后置主摄像头录制视频、检测画面差异、实时预览并将视频上传至FTP服务器的Android应用
|
4天前
|
XML 存储 API
Jetpack初尝试 NavController,LiveData,DataBing,ViewModel,Paging
Jetpack初尝试 NavController,LiveData,DataBing,ViewModel,Paging
|
9天前
|
Android开发
Jetpack Compose: Hello Android
Jetpack Compose: Hello Android
8 0
|
23天前
|
安全 网络安全 API
kotlin安卓开发JetPack Compose 如何使用webview 打开网页时给webview注入cookie
在Jetpack Compose中使用WebView需借助AndroidView。要注入Cookie,首先在`build.gradle`添加WebView依赖,如`androidx.webkit:webkit:1.4.0`。接着创建自定义`ComposableWebView`,通过`CookieManager`设置接受第三方Cookie并注入Cookie字符串。最后在Compose界面使用这个自定义组件加载URL。注意Android 9及以上版本可能需要在网络安全配置中允许第三方Cookie。
142 0
|
25天前
|
Android开发 Kotlin
kotlin安卓开发【Jetpack Compose】:封装SnackBarUtil工具类方便使用
GPT-4o 是一个非常智能的模型,比当前的通义千问最新版本在能力上有显著提升。作者让GPT开发一段代码,功能为在 Kotlin 中使用 Jetpack Compose 框架封装一个 Snackbar 工具类,方便调用