【Android】高级Jetpack架构组件+Jetpack compose强化实战

最新推荐文章于 2024-04-30 07:26:35 发布
最新推荐文章于 2024-04-30 07:26:35 发布
阅读量462 收藏 2
点赞数
分类专栏： Android Jetack Compose 文章标签： android 架构 android jetpack compose
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47933729/article/details/128105537
版权

Jetpack 是一个开发组件工具集，Jetpack Compose 则是一个用于构建原生 Android 界面的新工具包。

与安卓传统xml布局相比，Jetpack compose 可以让你用更少的代码实现更多的功能；可以用声明性API直观地完成之前需要在多个 XML 文件中完成地任务；可以与现有的所有代码兼容，适用于大多数常用库；可以凭借对 Android 平台 API 的直接访问和对于 Material Design、深色主题、动画等的内置支持，创建精美的应用…

Jetpack compose 的原理比较复杂，我个人在入门前也是把Google官网和Youtube上的资料盘包浆了。不过在刷了大量的视频和文档后，我对 Compose 有了答题的认知，并参考官方教程和大牛解读，亲身总结而出 Jetpack架构与compose强化实战。

有需要完整版PDF资料同学可点击文末卡片免费获取~

《Jetpack架构组件从入门到精通》

目录

img

一、Android Jetpack - NavigationNavigation

直接翻译即为导航，它是 Android Jetpack 组件之一，让单 Activity 应用成为首选架构。应用内Fragment页面的跳转则由 Navigation 来处理，开发者无需在处理 FragmentTransaction 的复杂性以及相关的转场动画。

img

二、Android Jetpack - Data Binding

Data Binding 是一个支持库，它使用一种 声明的方式 代替 编码的方式，用来绑定 UI 控件和数据源。

img

三、Android Jetpack - ViewModel & LiveDataViewModel

将视图和逻辑进行了分离。Activity或者Fragment只负责UI显示部分。具体的网络请求或者数据库操作则有ViewModel负责。类似于MVP模式中的Presenter层。

LiveData 是一种可观察的数据存储器类。与常规的可观察类不同，LiveData 具有生命周期感知能力，意指它遵循其他应用组件（如 Activity、Fragment 或 Service）的生命周期。

img

四、Android Jetpack - Room

Room是Jetpack组件库一员，属于ORM库，主要是对Sqlite做了一层抽象，从而简化开发者对数据库操作。Room支持编译时的语法检查，并且支持返回LiveData。

img

五、Android Jetpack - Paging

Paging Libray分为三部分：DataSource, PagedList, PagedAdapter

img

六、Android Jetpack - WorkManger

WorkManager是Android Jetpack 中管理后台任务的组件。

常见的使用场景：1.向后端服务发送日志或分析数据 2.定期将应用数据与服务器同步

使用 WorkManager API 可以轻松地调度后台任务。可延迟运行（即不需要立即运行）并且在应用退出（进程未关闭）或应用重启时能够可靠运行的任务。

img

七、Android Jetpack架构组件之Lifecycle

为了应用的安全，经常会有从后台切回前台时进行软件确认等安全确认处理的需求。如果是以前的话，这个需求其实是挺难实现的。 但自从Google推出Lifecycle组件以后，这个需求就简单了很多。Lifecycle除了感知从后台切回前台以外， 利用这个组件可以更简单的实现复杂的处理生命周期的操作

img

八、Android Jetpack Compose 最全上手指南Compose

并不是像 RecyclerView、ConstraintLayout 这种做了一个或者几个高级的 UI 控件，而是直接抛弃了我们写了 N 年的 View 和 ViewGroup 那一套东西，从上到下撸了一整套全新的 UI 框架。直白点说就是，它的渲染机制、布局机制、触摸算法以及 UI 的具体写法，全都是新的。

img

《高级Jetpack强化实战》

一.初识ConstraintLayout之实现登录页面

img

二、Navigation实践之实现APP主框架以及Navigation的相关介绍

三、使用 Coroutines, Retrofit, Moshi实现网络数据请求

四、使用 TabLayout，ViewPager2 ，RecyclerView实现实现歌单广场页面

五、歌单页面MVVM架构改造及其ViewModel和LiveData的使用介绍

六、Paging实现加载更多和下拉刷新，错误后重新请求

img

七、vlayout嵌套横向RecyclerView和Banner 实现主页的展示，自定义Moshi的JsonAdapter

八、Room数据库实现增删改查和事务处理

九、Room数据库Migration

十、ExoPlayer进行视频播放的实现

十一、MotionLayout让动画如此简单

img

十二、Kotlin Flow基础知识详解

十三、Kotlin Flow项目实战-网络、数据库和UI的应用

十四、View Binding替代ButterKnife和Kotlin synthetics

《Jetpack Compose强化实战》

目录

img

第一章、使用 Compose 实现底部按钮和首页 banner 以及数据列表

  • Column、Row、ConstraintLayout 布局先知

  • 首页内容的实现

img

第二章、导航规整并实现登录页个人中心页

  • 导航规整
  • 个人中心的实现
  • 登录页面的实现

第三章、实现分类页面

  • Scaffold 简单使用
  • BottomNavigation 和 NavHost 实现底部导航
  • 分类页面的实现
  • Compose 自定义布局实现流式布局

第四章、实现搜索页面

  • ROOM 数据库
  • 官方 Flow Layout
  • 状态布局

第五章、项目页面的实现

  • 获取数据
  • Controllable 实现顶部滑动菜单
  • HorizontalPager 实现页面数据列表
  • Compose 中 Webview 的使用
bug樱樱
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jetpack Compose 中组件使用教程（比较全面）
金戈鐡馬
06-23 1255
在本文中，我们将学习 Jetpack Compose，这是一个用于构建原生 UI 的现代工具包。通过这个完整的教程，我们将学习如何使用 Text、TextField、Preview、Column、Row、Button、Card、AlertDialog、MaterialDesign 元素等。因此，事不宜迟，让我们开始创建一个 Jetpack Compose 项目。因此，本章节是关于通过示例学习适用于 Android 的 Jetpack Compose。
JetPack Compose 实战：打造一个 Compose 版本的「玩 Android
code8889的博客
03-17 881
功能强大凭借对 Android 平台 API 的直接访问和对于 Material Design、深色主题、动画等的内置支持，创建精美的应用。我来补充一下我个人的理解打破了以往先声明布局，再绑定数据的模式，声明View的同时绑定数据，数据有更新，View也将自动更新，并通过diff差量算法来实现最小化更新原本我们一般需要一个xml来描述一个布局，另外通过Kotlin绑定数据，现在所有的布局描述和数据绑定都在Kotlin中完成由于不需要解析xml，所以性能更快，另外Compose重新设计了View。
Android架构开发进阶指南，Android Jetpack Compose强化实战_android compose架构
最新发布
2401_84537646的博客
04-30 618
在我们日常的开发中，如果所有人各自为战，没有统一规范，久而久之，项目代码会变得混乱且后续难以维护。而这时，许多人就会使用Jetpack这个由多个库组成的套件，来减少样板代码，以便将精力更多的集中于重要的编码工作上面。总之，开发架构是前人总结出来的一套行之有效的开发模式，目的是达到高内聚，低耦合的效果，使得项目代码更健壮、易维护。
Android compose官方入门教程，基础到实战，快速通关
m0_59162559的博客
10-27 4698
Compose是Android团队与JetBrain大力推动的新一代UI框架。2021年7月 Android compose 1.0正式版本的诞生，这意味着Compose即将进入生产环节。 国际app巨头Twitter首当其冲，其他国内外企业和程序员的学习热情也都非常高涨，目前国内以字节跳动为首的大小厂也都开始尝试在新页面上使用Compose。 声明式 UI、更简单的自定义、实时且带交互的预览功能、更强的性能和功能...这些优势和特点让Compose飞速超越传统写法的「命令式 UI」的热度，成为程序员们
Android Jetpack Compose 中的Tabs（TabLayout）
虎哥LoveDroid
06-12 1976
Android Jetpack Tabs实现
【Android进阶】Jetpack Compose应用开发指南第二版.PDF
m0_59162559的博客
12-31 1110
`Jetpack Compose` 发布也快有一年的时间了，虽然目前仍是DEV阶段，但是距离可用已经不远了。`Compose`库是用响应式编程的方式对View进行构建,可以用更少更直观的代码，更强大的功能，能提高开发速度（可以参考几乎一模一样的Flutter，开发速度确实很快）。 `Jetpack Compose`对于没有接触过声明式UI的小伙伴可能会学习曲线有点陡峭，对于已经能熟练开发Flutter应用的小伙白来说几乎没有难度。因此，这篇文章不再去解释过多的原理与技巧，而是让你能够快速入门，并上手开发项
谷歌最新技术，Android开发，Jetpack Compose，Jetpack架构组件
09-12
谷歌最新技术，Android开发，Jetpack Compose，Jetpack架构组件
Jetpack Compose入门到精通.pdf
09-06
Android Jetpack 组件的集合可以帮助我们写大量重复的代码的任务，并且可以简化复杂的任务，让我们的 BUG 减少，以便让我们把更多的精力放在业务逻辑上，放在打造应用本身上。使用此架构能带来的具体好处如下：UI和...
Jetpack Compose 入门到精通.pdf
11-25
Jetpack Compose 入门到精通
compose-icons:Jetpack Compose的开源图标包
03-28
Compose图标是一包库，提供了可在Jetpack Compose Multiplatform中使用的众所周知的Icon Pack。 库的使用受到“构成材料图标”的启发。 撰写版本 Jetpack撰写（Android）： 1.0.0-beta01 Jetbrains组成（桌面）： ...
Jetpack Compose入门到精通
01-29
Jetpack Compose入门到精通
Android系列电子书——Beginning_Android
07-17
本来上次已经把所有的压成5卷打包了的（太大了，上传权限只有20M），但后来发现系统只给保留了后三卷，这个比较让人无语。。。这里只好重新一本本的打包，再上传了，以前下过的对不住了，可能得重新下载一遍了~ 总共包括的Android电子书有：（里面包括了对应书的代码例程） 1. AndroidApplicationDev_2009 2. AndroidEssentials 3. Android_1.0_eBook 4. Apress - Pro Android 5. begin android2 6. Beginning_Android 7. GoogleAndroidSDK 8. HelloAndroid 9. HelloAndroid2E 10. OReilly.Java.Pocket.Guide.Mar.2008 11. Pro Android 2 12. Professional.Android.Application.Development.Nov.2008 13. 深入浅出Android
JetExample:Jetpack Compose UI组件示例
05-08
运行示例为了运行每个示例，只需在MainActivity中的setContent内调用Composable函数，即可编译并在屏幕上查看示例专案JetPoll（WIP） :construction_worker: JetPoll是一个由Firebase和Jetpack Compose制作，创建，...
精仿WeUI组件库基于Jetpack Compose+Kotlin
04-09
在国外，已经有很多大公司都在用Jetpack Compose开发APP了，包括不限于：X（Twitter）、ChatGPT（几乎完全用Compose实现）、谷歌旗下的大部分APP，国内也有微信、微信读书、微博、一刻相册等app部分用到。...
compose-markdown:适用于Android Jetpack的Markdown文本:clipboard:
03-06
MarkdownText-Jetpack撰写 降价促销 HTML 图像 强调 林菲 桌子 设置 配置root build.gradle ： allprojects { repositories { ... maven { url 'https://jitpack.io' } } } 将依赖build.gradle添加到...
【Jetpack篇】协程+Retrofit网络请求状态封装实战
二气乖张的博客
05-13 884
前言 在App中，对于网络请求状态一般性的就分为加载中、请求错误、请求成功、请求成功但数据为null。为了用户体验，不同的状态需要对用户展示不同的界面，例如网络异常的提醒，点击重新请求等。 之前项目一直都是以Retrofit+RxJava+OkHttp为网络请求框架，RxJava已经很好的封装了不同的请求状态，onSubscribe、onNext、onError等，只需要在不同的回调中做出相应的动作就ok了。 RxJava很好用，但随着新技术的出现，RxJava的可替代性也就越高。Kotlin的协程就是这么
android下载！阿里巴巴内部Jetpack宝典意外流出！实战解析
fjfdhduuffududu的博客
02-02 145
2021年1月4日，我终于结束了这两个月以来收到的最好的一个公司的视频面试，短短15分钟，我们双方就再无话题了。我是觉得我不够优秀，配不上这个岗位。面试官可能觉得已经看透我了。 让我回顾一下这稍纵即逝的15分钟： 提前2分钟，面试官到达视频现场并友好提示我们开始，先做个自我介绍。 我一开始就很紧张，自我介绍说的一塌糊涂，毫无重点。但面试官很友好，一直跟我点头互动，认真听我不知所云的自我介绍。我很愧疚自责：我浪费了人家的时间。 然后面试官问我是否在找新的工作机会。我说是的，我很想要上班，看到大家在字节上班都很
Android笔记（六）：JetPack Compose常见的UI组件
userhu2012的博客
10-12 1343
定义compose界面中的常见的UI组件。
Jetpack Compose 组件androidx.compose.material3.Button点击和长按同时监听代码示例
04-30
好的，关于Jetpack Compose 组件androidx.compose.material3.Button点击和长按同时监听代码示例，可以参考以下示例代码： ``` import androidx.compose.foundation.ExperimentalFoundationApi import androidx.compose.foundation.background import androidx.compose.foundation.gestures.detectTapAndLongPress import androidx.compose.foundation.layout.* import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.text.KeyboardOptions import androidx.compose.material.* import androidx.compose.runtime.* import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.input.pointer.pointerInput import androidx.compose.ui.text.input.KeyboardType import androidx.compose.ui.unit.dp import androidx.lifecycle.viewmodel.compose.viewModel import com.example.myapp.viewmodel.CounterViewModel import kotlinx.coroutines.launch @ExperimentalFoundationApi @Composable fun ButtonClickListener() { val scaffoldState = rememberScaffoldState() var counterViewModel = viewModel<CounterViewModel>() Scaffold( scaffoldState = scaffoldState, modifier = Modifier.fillMaxSize(), content = { Column( modifier = Modifier .padding(top = 10.dp, start = 16.dp, end = 16.dp) .fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally ) { Text(text = "点击或长按按钮可触发计数") Spacer(modifier = Modifier.height(16.dp)) MyButton( onClick = { counterViewModel.incrementCount() }, onLongClick = { counterViewModel.decrementCount() } ) Spacer(modifier = Modifier.height(16.dp)) Text( text = "当前计数：${counterViewModel.count}", style = MaterialTheme.typography.h4 ) } }, bottomBar = { BottomAppBar(cutoutShape = RoundedCornerShape(topStart = 16.dp)) { IconButton(onClick = { }) { Icon(Icons.Default.Save, contentDescription = "Save") } Spacer(Modifier.weight(1f, true)) IconButton(onClick = { }) { Icon(Icons.Default.Share, contentDescription = "Share") } } } ) } @ExperimentalFoundationApi @Composable fun MyButton(onClick: () -> Unit, onLongClick: () -> Unit) { Surface( modifier = Modifier .padding(16.dp) .pointerInput(Unit) { detectTapAndLongPress(onLongClick = onLongClick, onTap = onClick) }, shape = MaterialTheme.shapes.small, color = MaterialTheme.colors.primary ) { Text( text = "Click or long press me", style = MaterialTheme.typography.button, color = Color.White, modifier = Modifier.padding( start = 16.dp, top = 8.dp, end = 16.dp, bottom = 8.dp ) ) } } ``` 这个示例使用了一个自定义的 MyButton 组件，通过 pointerInput() 来同时监听点击和长按事件，并在这两种事件发生时调用不同的回调函数。 另外，这个示例还使用了 Jetpack Compose 中的一些组件，如 Scaffold、Column、Text、BottomAppBar 等，并结合了 ViewModel 来管理计数器的状态，实现了点击或长按按钮可触发计数的效果。 希望这个示例能够对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值