前言 如需以左右或上下方式浏览内容,您可以分别使用 HorizontalPager 和 VerticalPager可组合项。 这些可组合项的功能与视图系统中的 ViewPager类似。...官方文档: https://android-dot-google-developers.gonglchuangl.net/jetpack/compose/layouts/pager?...Page change", "Page changed to $page") callback(page) } } } 注意 默认情况下,分页器只会加载屏幕上显示的页面...如需在屏幕外加载更多页面,请将 beyondBoundsPageCount 设置为大于零的值。...使用 val pagerState = rememberPagerState( initialPage = 0, initialPageOffsetFraction = 0f, ) {
为了让 Jetpack Compose 的使用体验更上一层楼,以及了解大家对 Compose 开发、学习方面的内容需求,这里诚邀您参与 Jetpack Compose 使用情况调研, 点击这里 即刻参与调研...在分析了各种选择后,我们做出了 (在当时) 一个大胆的决定——使用当时还处于 Alpha 预览阶段的 Jetpack Compose。...优先考虑 当我们对新的界面渲染层使用 Jetpack Compose 时,需要优先考虑以下两点: 开发者的工作效率 : Play 商店团队有数百个工程师改进代码,因此开发起来应该很容易 (也很有趣)。...开发者的工作效率 一年多来 ,我们一直在使用 Jetpack Compose 编写用户界面代码,也得益于 Jetpack Compose 让界面开发变得更加简单。...在屏幕上渲染单个界面组件很快,但是将整个 Compose 框架加载到应用内存中所用的端到端时间却很长。 Play 商店采用 Compose 后最大的性能改进之一来自 基准配置文件 的开发。
概述 Compose已经内置了许多组件,诸如Column,Row,Box等。开发者可以通过这些组合这些已有的组件来定制自己的专属组件。...为避免传统View系统测量布局的性能陷阱,Compose限制了每个子元素的测量次数,可以高效处理深度比较大的UI树(极端情况是退化成链表的树形结构)。...使用Layout Modifier 使用 Modifier.layout() 手动控制元素的测量和布局。通常layout修饰符的使用方法像下面这样。...Layout Modifier使用示例 有时你想在屏幕上展示一段文本信息,通常你会使用到Compose内置的Text组件。...使用内置的padding修饰符是无法满足你的需求的,他只能指定Text顶部到文本顶部的高度,此时你就需要使用到layout修饰符了。 ?
如果发送或接收了大量这些屏幕截图,那么最终手机的大部分内存都将被阻塞。在保留重要图像安全的同时查找和删除这些屏幕快照是一项非常耗时的任务。...因此想用机器学习来完成这项工作 理念 从普通图像中检测聊天屏幕截图的任务可以表述为经典的二进制图像分类问题!可以使用卷积神经网络(CNN)来完成这项工作。...CNN的输入层将是一幅图像,输出层将仅包含一个神经元,告诉输入图像是正常图像还是聊天屏幕截图。在接下来的部分中,将介绍构建模型的所有细节。 数据采集 在机器学习中,一切都始于数据。...第一个表示聊天屏幕截图,另一个表示普通图像。因此从不同的消息传递应用程序(如WhatsApp,Messenger,Instagram等)中收集了与朋友聊天的屏幕截图。...在此处找到完整的代码。
Jetpack Compose for Desktop 使用过程中遇到的几个大坑 最近在用 Jetpack Compose for Desktop 写一些好玩的,用的时候遇到了很多大坑,在这里总结如下:...Binary distribution 无法访问 ClassLoader Resources 我们有时候一定会希望从 jar 内部读取资源,这个时候我们一般会使用 this::class.java.getResource...@See https://github.com/JetBrains/compose-jb/issues/2011 错误的使用二进制流方式从 ClassLoader Resources 中加载字体导致界面整体卡顿...改用其他类型图片,如 PNG @see https://github.com/JetBrains/compose-jb/issues/1217 SVG 图片宽高比被错误计算导致 SVG 图片缩放不符合预期...有些 SVG 图片被加载后会被错误的认为其宽高比为 1:1,而不是正常的宽高。
本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索 郭霖 即可关注,每个工作日都有文章更新。 大家好,写给初学者的Jetpack Compose教程第4篇更新了。...因为这个系列教程采用的循序渐进的写法,后面的文章会依赖前面所介绍过的知识,因此如果你还没有读过前一篇文章的话,建议先去参考 写给初学者的Jetpack Compose教程,Modifier。...让界面动起来 其实让界面动起来这个说法并不是非常准确,因为我们在 写给初学者的Jetpack Compose教程,基础控件和布局 这篇文章中学到的进度条控件,它本来就是一直在运动的。...可以看到,无论我们怎么点击Button,计数器的数值都不会增加。 那么这段代码的问题出在哪里呢? 这里我又要再次引用 写给初学者的Jetpack Compose教程,为什么要学习Compose?...写给初学者的Jetpack Compose教程,基础控件和布局 这篇文章中讲到了TextField控件,也就是输入框。
WindowManager medium.com/androiddeve… 为应对更多种类屏幕的出现,Jetpack 提供了 WindowManager 库,便于 App 更好地适配不同屏幕的尺寸...Jetpack Compose 能更好地以响应式的方式处理 OnConfigurationChanged 时的 UI 变化,非常适合配合在 12L 的设备上使用。...的使用;CameraX 1.1.0-alpha10 增加了 VideoCapture 视频截图和曝光补偿等实用功能; Benchmark 1.1.0-alpha11 增加了 Frame Timing,...Jetpack Compose ---- Compose 新增 androidx.compose.material3 库,支持开发 Material You 主题风格的 UI。...Android 领域的方方面面,开发者无需了解,更重要的是从这些分享中洞察到未来的技术的发展趋势,比如未来的 App 可能需要适配更多而屏幕尺寸、Jetpack Compose 在 UI 开发上的先进性正逐渐凸显
重大更新: Jetpack Compose Alpha Jetpack Compose 的 第一个 alpha 版本 已经发布,这是 Android 的现代化 UI 工具包,可以访问原生平台 API。...要了解响应式思维方式以及如何使用 Compose 构建应用,可以观看视频 了解 Compose 的编程思想。...键盘 (IME) 动画 Android 11 的新功能之一是应用能够在屏幕键盘打开和关闭之间无缝过渡,以及改进的 WindowInsets API,实现对键盘 (IME) 等控件的控制。...采用 MDC 可以使您的代码库为以后尝试 Jetpack Compose 做好准备,他们使用了相同的概念、设计词汇以及组件。...资源 您可以查看 #11WeeksOfAndroid 视频内容的 完整播放列表,或点击阅读原文前往官方网站详细 了解更多主题。我们将持续聚焦每期的新领域,敬请留意,也请继续关注我们,期待您的反馈。
我们还发布了 Jetpack Compose 1.1 第一个 Beta 版,其中包含适用于 Android 12 的拉伸滚动、经过优化的触摸目标值、实验性延迟布局动画等功能。...Jetpack Compose 性能稳定且已可用于生产环境,我们将继续添加大家所需的功能,助力您轻松快速地为所有设备类型构建 Android UI,并针对 Wear OS 和构建主屏幕微件 (widget...Jetpack: 更多功能助您打造优秀应用 除 Compose 之外,Jetpack 会继续添加大家一直提及的功能。Navigation 添加了对多个返回堆栈的支持。...(最新且极具创新性的设备类型) 销量增长 2.5 倍……目前在使用的大屏幕 Android 设备总计超过 2.5 亿台,而 Android 正致力于打造与之匹配的操作系统。...利用 Jetpack Compose 可以更快速、更容易地构建 UI,因此我们在 Wear OS 中引入对 Compose 的支持。
这是使用 Jetpack Compose 构建 Material You UI 的全新工件,可提供更新的 组件 和 颜色系统,其中包括对 动态配色 的支持,因此开发者可以根据用户的壁纸创建个性化的调色板...更多 Jetpack Compose 的指南和文档 我们发布了大量关于 Jetpack Compose 的技术分享,深入探讨了布局、动画和状态,展示了如何在 Wear OS、主屏幕微件 (widget)...和大屏设备中使用 Compose,并举办了 3 场 Code-Alongs 活动;让您可以实时编写您的首个 Compose 应用、迁移现有应用或在 Wear OS 上使用 Compose。...您可以迭代设计并引入新的更改,安全地编辑生成的代码。 Jetpack Compose 已推出稳定版本,供大家在生产环境中使用。...很高兴看到越来越多的应用开始在生产环境中使用 Jetpack Compose,我们会继续构建我们的功能路线图,让您可以使用 Compose 构建跨设备的卓越应用。
适用于 Wear OS 的 Compose Jetpack Compose 库简化并加速了 UI 开发,我们正致力于为 Wear OS 提供 Compose 支持。...UI 组件现已适用于手表,您可以使用熟悉的组件来设计应用。Material You 便是其中之一,您可借此用更少的代码构建精美应用。...开发库更新 我们最近发布了许多 Android Jetpack Wear OS 开发库,有助您参考最佳实践、减少样板代码,并为您的用户提供性能卓越、一目了然的体验。...鼓励使用预置的良好电池使用模式来改善电池续航;例如,在电池电量不足时降低交互帧率。 推出新 Screenshot API,用户可借此实时看到他们的表盘主题变化。...我们还发布了可帮助您满足用户期望的 新版 Wear OS 质量指南 以及有助于用户更好地了解您应用的样式的 新屏幕截图指南。
Jetpack Compose 1.0 正式版已经发布快一年的时间了,我们看到社区正以极大的热情采纳和使用 Compose: Kotlin 语法的简洁性以及使开发界面变得更快速、更简单的声明式开发方式得到了广大开发者们的赞赏...与此同时,Twitter 也已经在应用的不同部分使用了 Jetpack Compose 并从中受益,因为 "Compose 让我们更容易定义自己的组件,并使它们的 API 更明确、灵活和直观。"...Airbnb 团队同样也采用了 Compose: "Jetpack Compose 是我们技术战略的重要组成部分,生产力因此获得了大幅提高。"...在 I/O 演讲 Jetpack Compose 中常见的性能问题 中,Compose 团队介绍了常见的性能错误以及这些错误的解决方法。...遵循与其他 Jetpack 库相同的原则,Beta 意味着它的功能完整且 API 稳定,您可以开始准备为生产环境构建应用。如需了解更多信息,请查阅 这篇博客文章。
简介 Jetpack Compose 是用于构建原生 Andorid 界面的新工具包,Compose 使用了更少的代码,强大的工具和直观的 Kotlin Api 简化并且加快了 Android 上界面的开发...在 Compose 中,在构建界面的时候,无需在像之前那么构建 XML 布局,只需要调用 Jetpack Compose 函数来声明你想要的的元素,Compose 编译器就会自动帮你完成后面的工作。...Compose 编程思想 Jetpack COmpose 是一个适用于 android 的新式声明性界面工具包。...系统会根据需要使用新数据重新绘制发出的微件。Compose 框架可以只能的重组已经更改的组件。...此外,执行 Colum 时,如果 names 未更改,Compose 可能会旋转跳过 LazyColum 的项。 同样,执行所有组合函数或者 lambda 都应该没有附带效应。
Modern Android Development (现代 Android 开发) #1: Jetpack Compose Beta 1.2,支持更多高级用例 Android 的现代用户界面工具包 Jetpack...Android Studio Dolphin 提供了面向 Jetpack Compose 和 Wear OS 开发的新功能和改进以及更新的 Logcat 体验。...我们已经在 Jetpack 中使用了基准配置文件: 通过为 Fragments 和 Compose 等流行的开发库添加基准文件来提供更好的终端用户体验。...这也是为什么我们会在今年的 I/O 大会上安排四场演讲和一场研讨会,为您完整展示为大屏幕设备进行应用 设计 到 实现 的开发历程。 #5: Wear OS: Compose 以及更多!...适用于 Wear OS 的 Jetpack Compose 现在处于 Beta 阶段,您可以用更少的代码创建出精美的 Wear OS 应用。
金山办公 (WPS) 针对大屏幕设备和可折叠设备做出了优化 新发布的 Modern Android Development (MAD),个性鲜明且功能强大,包含了全新的 Jetpack 库,Android...Jetpack Compose 是 Android 的现代原生 UI 工具包,它可以简化并加快 Android 上的界面开发,使用更少的代码、强大的工具和直观的 Kotlin API,助力开发者更好更快地打造更优质的应用...1.1 版本的 Jetpack Compose 改进了 API,提供了诸多功能,比如针对 Android 12 的拉伸滚动、改进触摸目标尺寸,以及还在实验中的布局动画等等。...Jetpack Compose 在 Android Studio 中,提高了刷新频率,还可以在布局检查器中查看语义树。...今年谷歌公布了新的 Wear OS,使用 Jetpack Compose 简化,可覆盖多个版本和不同的 API,可以助力开发者加速 UI 开发,设计出优质的应用,同时显著减少了代码量。
作者 | 罗燕珊 近日,谷歌安卓团队发布 Jetpack Compose 1.2 版本,该版本提供了开发者所需要的更多 API,以支持更高级的用例。...在发布 Jetpack Compose 1.2 版本的同时,官方还发布了 Compose for Wear OS 1.0 ——使得 Compose 也支持 Wear OS 应用开发。...Jetpack Compose 是官方推荐的为手机、平板和可折叠设备开发新安卓应用的框架。...WindowInsets 类,用于处理屏幕上不可用的区域及其与应用程序窗口的交互,是一个基于 Accompanist 库中先前工作的新类,谷歌用它来试验 Compose 的新功能并填补 API 的空白。...不过,Jetpack Compose 是最接近原生解决方案的那个,它为安卓功能提供了很好的支持,而无需尝试跨平台(尽管用 Kotlin 编写的非可视代码也可以在其他地方使用)。
这是一个很好的方法,无需重写所有布局代码和整个应用即可优化应用界面。 如果您正在考虑重写部分界面或整个应用,那么 Jetpack Compose 也是很好的选择之一。...初期可以借助 Jetpack Compose 更轻松地构建自适应的界面,在未来的开发周期中可以更轻松地进行维护和执行其他类似操作。除此以外,还可以使用兼容模式,但兼容模式并不能为用户提供理想体验。...所以强烈建议您优先选择使用 Jetpack Compose。...答: 如果您想从头构建应用,强烈建议您优先考虑使用 Jetpack Compose。...Jetpack Compose 是用于构建原生 Android 界面的工具包,可让您更轻松地设计和构建应用的界面,更快地打造更出色的应用。
使用 Compose 更加轻松地适应屏幕的变化 通过 Jetpack Compose 可以更加轻松地针对大屏幕和多样化布局进行构建。...如果您准备采用 Compose,这也是针对大屏幕进行优化的最佳时机。...因此,Compose 特别适合用于开发自适应 UI,因为其能够轻松地处理不同屏幕尺寸或组件的 UI 变化。查看 在 Compose 中构建自适应布局 指南,了解您需要知道的基本内容。...使用 WindowManager API 构建响应式 UI Jetpack WindowManger 库采用向后兼容的方式来处理您应用中的窗口,并为所有设备构建响应式 UI。...更多详情 为了帮助您针对大屏幕和可折叠设备进行构建,无论您使用的是 View 还是 Compose,我们都会为您提供帮助!
为何使用 Android Jetpack? 遵循最佳实践: Jetpack 采用最新的设计,且向后兼容性,可以减少崩溃和内存泄露。...compose * 使用描述界面形状和数据依赖项的可组合函数,以编程方式定义界面。 databinding * 使用声明性格式将布局中的界面组件绑定到应用中的数据源。...fragment * 将您的应用细分为在一个 Activity 中托管的多个独立屏幕。...navigation * 构建和组织应用内界面,处理深层链接以及在屏幕之间导航。 paging * 在页面中加载数据,并在 RecyclerView 中呈现。...Jetpack Compose — Android 的新 UI 工具包 Jetpack Compose是 Android 的全新现代 UI 工具包,此版本添加了许多新功能:视图互操作性、更多 Material
如今 Google Play 商店排名前一万的应用中,已经有 84% 的应用使用了 Jetpack 库。...Jetpack 的 Hello World Jetpack Compose: Alpha 版现已发布 Jetpack Compose Alpha 版本 提供了用于构建成熟 Android 应用所需的功能...可以通过以下两种主要的方式将 Compose 与基于视图的 UI 结合起来: 您可以添加 Compose 元素到现有的 UI,或者创建一个全新的基于 Compose 的屏幕,或者是向现有的 fragment...Studio 中包含了辅助您使用 Jetpack Compose 的强大工具,可以帮助您快速迭代 UI 元素。...可组合元素预览 开始使用 Jetpack Compose 要开始使用 Jetpack Compose,请参阅 Compose 教程 并 进行设置。
领取专属 10元无门槛券
手把手带您无忧上云