欢迎光临散文网 会员登陆 & 注册

Android Jetpack笔记4

2022-10-27 22:08 作者:SKUNK1212  | 我要投稿

1.实现文本框输入(登录和注册等模块使用)

Compose中使用TextField实现文本框输入

TextField效果

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

直接用var变量仍不能输入

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

mutableStateOf方法实现

此时可以正常更新

实现输入

2.实现分页和滑动切换(主页面使用)

  • 基于MVVM(Model-View-ViewModel)模式设计,首先定义ViewModel,将此模块所有状态变量分离声明。

  • 布局设计

主页效果

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

Google官方扩展库

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

水平滑动实现

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

4个Page
主类实现

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

1页
2页

新的Pager极大简化了实现操作

接下来需要实现UI下方的4个按钮,首先制作组合控件


很明显,图标和文字是垂直布局
实现效果

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

复制粘贴
横向4个控件

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

返回选中的控件编号

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

LaunchedEffect函数不是很懂,但实现效果是正确的

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

切换演示


Android Jetpack笔记4的评论 (共 条)

分享到微博请遵守国家法律