原文博客：Doi技术团队 链接地址：https://blog.doiduoyi.com/authors/1584446358138 初心：记录优秀的Doi技术团队学习经历 这是一个使用Fragment做的一个底部导航栏的小..." /> fragment_me.xml android="http://schemas.android.com/apk/res/android..." android:layout_gravity="center" android:text="我的" /> 下面是给每个Fragment...View.OnClickListener() { @Override public void onClick(View v) { //在这里不能使用...this关键字了，要使用getActivity()代替 Toast.makeText(getActivity(),"我的",Toast.LENGTH_SHORT).show
△ 警告窗口 展开警告可以查看到 Android Studio 是否提供了修改建议，这里关于底部应用栏警告的修改建议就是使用 Navigation Rail、抽屉式导航栏，或使用顶部应用栏代替。...我们先来进行第一项优化，使用 NavRail 而非底部应用栏，首先我们要考虑的是导航模型，所幸我们不会更改很多具体的视图，仅仅只会更改导航方式，因为 NavRail 会一直存在于整个视图体系中，可以通过它导航到任何其他视图...由于任务和详情都呈现在 SlidingPaneLayout 中的同一个新的 Fragment 中，因此我们为该 Fragment 的导航交互专门添加一个新的子导航层次结构。...Jetpack Compose Jetpack Compose 在 2021 年 7 月发布了 1.0 版本后，在 Android 开发者社区产生了巨大反响，成千上万的应用已经在生产环境中使用了 Compose...Jetpack Compose 本身是一种声明式的界面工具包，通过它您可以根据页面状态进行描述，Compose 会自行进行所有必要的更新。
所以强烈建议您优先选择使用 Jetpack Compose。...对于基于 View 的应用，您可以使用资源限定布局，通过底部导航——如底部应用栏 (App Bar) 或底部导航菜单 (Navigation Menu)——形成窄小的布局，也可以使用 Navigation...Jetpack Compose 是用于构建原生 Android 界面的工具包，可让您更轻松地设计和构建应用的界面，更快地打造更出色的应用。...如果您使用了 Fragment 或者有可能已经在一个 Activity 应用中使用了 Compose，那么请勿使用 Activity Embedding，此时我们建议您检查所有应用的构建界面，具体实现方法请查看近期文章...从技术实现来说，要手动实现这些转换效果并在不同的设备形态下有着顺畅的交互并非易事，您可以借助我们为 Android 打造的界面工具包 Jetpack Compose 来进行构建。
请注意目前在 Jetpack 中还不能使用 AppSearch，因为其尚未针对 Android S SDK 开发。...Background Tasks Inspector Navigation Jetpack 的 Navigation 库是在应用中进行导航的框架，现在提供了对多个后退栈的支持，并简化了目的地位于相同深度的情况...，如底部导航栏。...Jetpack Compose Jetpack Compose 是用于在 Android 上构建原生 UI 的现代工具包，简化并加速了 Android 上的 UI 开发。...Jetpack Compose 目前处于 Beta 版本，并计划 在 7 月份发布稳定版。本文提到的许多库，以及您可能已经在使用的其他库，都专门推出了与 Jetpack Compose 集成的功能。
请阅读 ViewPager2 使用指南以了解如何在 Fragment 页面间完成滑动操作。 Transition 1.2.0 如果您的编译目标是 API 29，这次更新对您来说就非常重要。.../jetpack/and… Jetpack Compose ?...△ Jetpack Compose 使用教程中的示例代码 Jetpack Compose 在十月底的 Android Dev Summit 上公布，不过它并不属于典型的 alpha/beta/发布候选/...依赖注入的开发指南 我们还制作了一个全新的指南，教您如何在 Android 中进行依赖注入 (Dependency Injection, DI)。...4.0 版本中的部分新功能包括: 如果您想尝试一下 Compose 的开发者预览版本，就必须使用 4.0 版本。 ?
在这篇文章中，我分享使用 Jetpack Compose 和 Material 3 实现一个高级的 NimNavBottomApp 的开发过程，为大家提供开发灵感和实践经验。...一、项目背景 展示 Jetpack Compose 如何简化 UI 的编码，如何使用 Material 3 提供的组件实现现代化的 Android 应用设计。...四、学习笔记 在这个Demo开发过程中，我掌握了如何在 Jetpack Compose 中处理复杂的状态管理，虽然学习成本较高，但掌握了 Compose 的核心思想，很方便开发。...深刻体会到 Jetpack Compose 有未来。 五、总结 通过这个项目，展示了如何使用 Jetpack Compose 和 Material 3 实现一个带有高级功能的底部导航应用。...无论是徽章通知的处理，还是底部导航栏与页面内容的同步显示，Jetpack Compose 都提供了简洁高效的解决方案。 有任何问题欢迎提问，感谢大家阅读 )
如需了解有关 Paging 3 的更多信息，请参阅 Android 开发者网站中全新简化版的教程: Paging Basics Codelab，它描述了如何在包含列表的应用中集成 Paging 库。...定义应用内导航模型 Navigation 库是用于在应用中的目的地之间进行移动的框架。...Navigation 组件现已通过 navigation-compose 组件集成到了 Jetpack Compose 中，从而允许可组合函数作为您应用中的目的地。...Jetpack Compose Jetpack Compose 是 Android 用于构建原生界面的现代工具，如今已更新至 1.2 beta 版。...更多信息请参阅文章: 一起看 I/O | Jetpack Compose 中的新特性。
如今 Google Play 商店排名前一万的应用中，已经有 84% 的应用使用了 Jetpack 库。...，不仅有高效的工具，还可以和现有 Android 视图进行互操作，您无需重新编写您的应用。...示例应用 展示了如何在 Compose 嵌入一个 MapView 观看视频: 将 Compose 加入现有的应用：https://youtu.be/PjQdFmiDgwk 强大的工具 Android...Studio 中包含了辅助您使用 Jetpack Compose 的强大工具，可以帮助您快速迭代 UI 元素。...可组合元素预览 开始使用 Jetpack Compose 要开始使用 Jetpack Compose，请参阅 Compose 教程 并 进行设置。
这里有个很大的课题是页面级的过渡动画，这也是 Navigation Compose 一直致力解决的问题，具体是满足下面三种场景: 仅使用 Compose 1.0.0 中稳定的动画 API 开始对 Compose...在追求完美的动画 API 的过程中，对 Compose 进行了大量的修改才一步步迭代到 版本 1.0.0。...实验性 API 和语义化版本控制 实验性 API (任何在 Kotlin 领域使用 @RequiresOptIn 注解的 API) 可能随时会被更改。...对这些稳定的 API 进行破坏性变更需要增加主版本号 (如，'2.0')。 这对向前和向后兼容很友好。...同时，我们可以使用 null 表示 "使用默认值"。这些默认值依次来自父导航图、父导航图的父导航图，一直向上到根 AnimatedNavHost。
为何使用 Android Jetpack？ 遵循最佳实践: Jetpack 采用最新的设计，且向后兼容性，可以减少崩溃和内存泄露。...消除样板代码: Jetpack 可以管理各种繁琐的后台任务、导航和生命周期管理等。 减少不一致: Jetpack 的组件库可在各种 Android 版本和设备中以一致的方式运作，助您降低复杂性。...compose * 使用描述界面形状和数据依赖项的可组合函数，以编程方式定义界面。 databinding * 使用声明性格式将布局中的界面组件绑定到应用中的数据源。...fragment * 将您的应用细分为在一个 Activity 中托管的多个独立屏幕。...Jetpack Compose — Android 的新 UI 工具包 Jetpack Compose是 Android 的全新现代 UI 工具包，此版本添加了许多新功能：视图互操作性、更多 Material
对于已经使用 Fragment 的现有应用，虽然更新导航模式和使用 SlidingPaneLayout 等方式是针对大屏幕设备的布局优化的好方法，但我们了解到基于多个 Activity 的应用不在少数。...使用 Compose 更加轻松地适应屏幕的变化 通过 Jetpack Compose 可以更加轻松地针对大屏幕和多样化布局进行构建。...△ Jetpack WindowManager 中的窗口尺寸类 让应用能够感知折叠 WindowManager 还为不同的窗口特征 (如折叠和铰链) 提供了通用的 API 接口。...更多详情 为了帮助您针对大屏幕和可折叠设备进行构建，无论您使用的是 View 还是 Compose，我们都会为您提供帮助！...我们即将推出全新的指南，为您说明如何在全新和现有的应用中支持不同的屏幕尺寸、如何为 View 和 Compose 实现导航、如何利用可折叠设备的优势等内容。
= { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" } 2.2 初始化 Compose 项目 下载依赖项添加完成后，保证该项目设置了使用...3.3 声明式导航与组件解耦 • 难点：在 Compose 中，声明式导航和传统的 Fragment 和 Activity 导航有很大区别，特别是在状态的保留和恢复。...• 解决方案：使用 Navigation Compose 进行页面管理，通过 NavHost 实现页面的解耦和状态管理，使得 UI 流程更顺畅、维护很方便。...四、学习笔记 我加深了对 Jetpack Compose 的理解，还掌握了如何在实际项目中灵活使用状态管理和组件解耦。...相信 Jetpack Compose 在未来几年成为 Android UI 开发的主流工具，希望这篇文章能对大家有所帮助！！
Jetpack Compose 的出现让我们看到了新的可能性：声明式UI让UI和业务逻辑的绑定很简洁，让页面导航更顺畅。...在传统模式下，开发者通常通过 Activity 和 Fragment 来管理 UI 和状态，而在 Compose 中，所有 UI 是基于状态的变化重新组合的。...3.2 页面间的参数传递 在多个页面之间传递数据是导航中的常见需求。Jetpack Navigation 提供了通过路由传递参数的机制，但与传统的 Intent 或 Bundle 方式不同。...四、学习笔记 4.1 掌握Jetpack Compose的基础 在项目开发初期，首先需要学习 Jetpack Compose 的基本语法和使用方式。...展望未来，Jetpack Compose 很快要成为安卓开发的主流，它的声明式开发模式使 UI 和业务逻辑分离得很彻底。这次Demo开发让我很熟悉如何在实际App中使用Compose的上手方法。
为了让您对架构有一个直观印象，下面是应用的模块图: △ Tivi 的模块图，使用 Jake Wharton 所提供的，十分方便的 Gradle 任务 生成 由于导航图使用 深度链接 URI 实现，大多数...，同时每个 Fragment 的 UI 使用了 Jetpack Compose 实现。...第二个 (也是最后一个) 阶段是从 Fragment 迁出，并直接使用 Navigation Compose 组件。这一步在 这个 PR 中完成。...这一现象与 Compose 无关。"完全接入 Compose" 使用的是最新版本的 Dagger/Hilt，该版本使用了 Android Gradle Plugin 7.0 中的新 ASM API。...退一步讲，考虑到 Kotlin 编译器与 Compose 编译器插件为我们所做的事情，如位置记忆化、细粒度重组等工作，构建时间能够 减少 29%， 可以说十分惊人。
---- 前言 在2018年 Google I/O 大会上发布了一系列辅助Android开发者开发的实用工具集合：Jetpack 今天，我将主要介绍Android Jetpack的相关内容，包括其作用、...特点 高效开发：包含的多个组件协同使用 消除模板代码：可管理繁琐的 Activity，如 后台任务、导航和生命周期管理 高质量：围绕现代化设计实践构建、具有向后兼容性，可有效减少崩溃 & 内存泄漏 --...包含的组件库： 4.2 架构 - Architecture 帮助开发者设计稳健、可测试且易维护的应用 Data Binding(数据绑定)：属于支持库可使用声明式将布局中的界面组件绑定到应用中的数据源...表情 - Emoji：使用户在未更新系统版本的情况下也可以使用表情符号。 布局 - Layout：xml书写的界面布局或者使用Compose完成的界面。...---- 总结 本文对 Android Jetpack 进行了定性介绍 接下来推出的文章，我将继续讲解Android Jetpack的相关知识，包括每个部分组成的详细使用，感兴趣的读者可以继续关注我的博客哦
前言 在2018年 Google I/O 大会上发布了一系列辅助Android开发者开发的实用工具集合：Jetpack 今天，我将主要介绍Android Jetpack的相关内容，包括其作用、特点 &...特点 高效开发：包含的多个组件协同使用 消除模板代码：可管理繁琐的 Activity，如 后台任务、导航和生命周期管理 高质量：围绕现代化设计实践构建、具有向后兼容性，可有效减少崩溃 & 内存泄漏 3....包含的组件库： 4.2 架构 - Architecture 帮助开发者设计稳健、可测试且易维护的应用 Data Binding(数据绑定)：属于支持库可使用声明式将布局中的界面组件绑定到应用中的数据源...表情 - Emoji：使用户在未更新系统版本的情况下也可以使用表情符号。 布局 - Layout：xml书写的界面布局或者使用Compose完成的界面。...总结 本文对 Android Jetpack 进行了定性介绍
： 尝试使用Jetpack Compose 示例应用 创建支持Jetpack Compose 的新应用 现有项目中支持Jetpack Compose 基于现状，我主要介绍第三种方式： 配置Kotlin...View中的Compose 如果想使用Compose的情况下，又不想迁移整个应用，可以在xml里面增加ComposeView，类似于占位符，然后在Actviity/fragment中寻找该控件并调用...中的Android View 如果碰到在Compose环境中，想要使用Android的View视图的情况，只需要使用AndroidView函数即可 @Composable fun CustomView...Android Jetpack Compose 最全上手指南 Jetpack Compose 环境准备和Hello World 布局 使用Material design 设计 Compose 布局实时预览...用Jetpack Compose写一个玩安卓App 准备工作 引入依赖 新建 Activity 创建 Compose PlayTheme 画页面 底部导航栏 管理状态 添加页面 [1240] 5.
支持多返回栈 让我们通过这个 仓库 中的高级导航示例来看看实际效果。 该应用由 3 个标签页组成，每个标签页都有它自己的导航流。...为了在导航的早期版本中支持多返回栈，我们需要在该示例的 NavigationExtensions 文件中添加一系列辅助函数。...// fragment 最新版本 https://developer.android.google.cn/jetpack/androidx/releases/fragment?...我运行 BottomNavigationTest 并观察每个底部导航行为测试的运行。 瞧，我们所有测试都通过了！ 小结 就是这样！...如果您想了解更多有关底层 API 以及需要修改哪些内容以支持多返回栈的信息，请参阅我们之前的推文《全新的 Fragment: 使用新的状态管理器》。 感谢您关注本导航系列！
优点 可视化的页面导航图，可以使用 Android Studio 的 Navigation Editor 来查看和编辑导航图。 通过destination和action完成页面间的导航。...通过NavigationUI类，对菜单、底部导航、抽屉菜单导航进行统一的管理。 主要元素 Navigation Graph。...这是一个特殊的 Fragment，Navigation Graph 中的 Fragment 正是通过 NavHostFragment进行展示的。 NavController。..." implementation "androidx.navigation:navigation-ui-ktx:$nav_version" // Jetpack Compose Integration...Safe Args插件传递参数 使用Safe Args Gradle插件，该插件可以生成简单的对象和构造器类，支持在destination之间进行类型安全的导航和参数传递。
在这篇文章里，我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现使用Jetpack Compose和Kotlin开发NimWebViewApp的加载和操作的案例。...一、项目背景 本文展示如何使用 Jetpack Compose 中的 AndroidView 加载 WebView，处理页面的加载状态和返回导航操作。...Compose 和 WebView 的结合 用 Jetpack Compose 的 AndroidView 可以轻松实现了传统的 Android 视图控件（如 WebView）嵌入到 Compose...4.2 返回操作的管理 WebView 自带页面导航功能，可以在多个页面之间跳转，通过 BackHandler 检测是否可以返回到上一页面，结合 Compose 的导航功能，确保用户能够正常使用返回键...六、总结 本文展示了如何在 Jetpack Compose 中集成 WebView，处理加载状态和返回导航。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
