Android Jetpack笔记4
1.实现文本框输入(登录和注册等模块使用)
Compose中使用TextField实现文本框输入

此时发现还不能正常输入,需要通过状态更新UI函数。

jetpack是响应式框架,需要引入监听状态变化的方法mutableStateOf

此时可以正常更新

2.实现分页和滑动切换(主页面使用)
基于MVVM(Model-View-ViewModel)模式设计,首先定义ViewModel,将此模块所有状态变量分离声明。
布局设计

实现滑动需要ViewPager,然而Compose没有,需要引入google的一个Compose扩展库

可以实现水平滑动和垂直滑动

以下将实现4个Page切换效果,通过Kotlin语法实现


实现滑动切换,同理垂直滑动类似


新的Pager极大简化了实现操作
接下来需要实现UI下方的4个按钮,首先制作组合控件


类似的实现4个控件,4个控件水平布局


接下来需要实现根据选择切换页面,首先需要让控件返回选中状态

利用协程实现切换,这里不是很懂先略过。

测试切换效果,成功了一半,这个横栏挪不下去可能没写对布局之后再调整。
