文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

一起看 IO | Jetpack Compose 中的新特性

Jetpack Compose 1.0 正式版已经发布快一年的时间了，我们看到社区正以极大的热情采纳和使用 Compose: Kotlin 语法的简洁性以及使开发界面变得更快速、更简单的声明式开发方式得到了广大开发者们的赞赏...Airbnb 团队同样也采用了 Compose: "Jetpack Compose 是我们技术战略的重要组成部分，生产力因此获得了大幅提高。"...如今，我们专注于提供新的 API 和特性改进以支持您实现更高级的需求，这些改进将和新的工具一起助力您更轻松地使用 Compose 构建应用。...: 窗口边衬区 Accompanist 中的 insets 库 现已升级到 Compose Foundation 库中，请改为使用 WindowInsets 类。...在 I/O 演讲 Jetpack Compose 中常见的性能问题 中，Compose 团队介绍了常见的性能错误以及这些错误的解决方法。

2.7K20

【译】JetPack Compose for Desktop 初体验

今天，我们将进入一个崭新的阶段，因为 JetBrains 宣布了 IntelliJ 的早期访问版本，允许你使用 Jetpack Compose 来构建 Windows 应用程序。...使用项目模版快速开始 正如我前面所说，项目模板是 IntelliJ 最好用的东西之一。安装完 IDE 后，启动应用程序。你会看到如下的界面： ?...然后点击“Next”按钮，这将会跳转至确认 Compose 模块的界面。现在点击“Finish”按钮，IntelliJ 将通过自动下载适当的 gradle 为你配置整个项目。...运行你的第一个桌面应用 如果进展顺利，整个桌面项目加载完成后你将会看到以下界面： ? 此时，你可以运行该应用程序了。...运行成功后，你会看到下面的输出结果，有一个包含“Hello, World!”文字的按钮。如果你点击它，按钮里面的文字就会变成“Hello, Desktop!”，来看一下实际体验的效果吧。 ?

5.7K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Android使用UI适配框架AutoSize

    前言 屏幕适配框架AndroidAutoSize是根据今日头条屏幕适配方案优化的。 这种方案无法在Jetpack Compose中使用。...Jetpack Compose可参考文章： https://www.psvmc.cn/article/2024-04-07-jetpack-compose-ui-adaptation.html 基本使用...、三方库控件以及系统控件的布局效果，可以彻底的屏蔽修改 density 所造成的所有未知和已知问题，但这样 AndroidAutoSize 也就无法对三方库进行适配 在使用主单位时，design_width_in_dp...和 design_height_in_dp 的单位必须是 dp，计算公式 dp = px / (DPI / 160) 将 px 尺寸转换为 dp 尺寸，如果实在找不到设备的 DPI 那就直接将 px...@Override public Resources getResources() { //需要升级到 v1.1.2 及以上版本才能使用 AutoSizeCompat AutoSizeCompat.autoConvertDensityOfGlobal

    68210

    我是怎么学习 Compose 的

    ，下载源码，跟随资源进行源码跟踪，如果不动手，我认为是很难将框架理解的。...阅读源码时，学会总结：从 Retrofit 一般使用方式入手，通过断点调试，观察源码执行顺序，忽略非重要代码，摸清源码主线实现思路后，再深入探索其中的细节实现。...是如何编写： 使用 Jetpack Compose 更快地打造 更出色的应用[3] Jetpack Compose 官方基础教程： Jetpack Compose 使用入门[4] 19 个 Codelabs...20 多篇关于 Compose 的文章，有深入了解原理和优化 UI 构建，很适合在入门之后对 Compose 原理进行探索： Jetpack Compose 优秀博主 RugerMc ：Jetpack...Compose 更快地打造 更出色的应用: https://developer.android.google.cn/jetpack/compose [4] Jetpack Compose 使用入门:

    1.1K10

    前端开发者的 Kotlin 之旅：Compose Multiplatform 实战

    作为一名前端开发工程师，在完成了 Kotlin 语言基础学习后，我开始探索 Kotlin 在跨平台开发中的实际应用。...本文将介绍我构建的 Compose Multiplatform项目，Compose Multiplatform包含了 Jetpack Compose 与 Kotlin Multiplatform 技术，...什么是 Jetpack Compose？Jetpack Compose 是 Google 推出的现代 Android UI 工具包，采用声明式编程范式。...一套代码，三个平台将 Jetpack Compose 与 Kotlin Multiplatform 结合，可以实现：Android 原生应用：最佳性能和用户体验iOS 原生应用：原生性能和用户体验Web...我们可以通过这个Compose Multiplatform学习教程项目学习Jetpack Compose 与 Kotlin Multiplatform 的原理和应用场景。

    55410

    使用 Jetpack Compose 提升 Play 商店的用户体验

    在分析了各种选择后，我们做出了 (在当时) 一个大胆的决定——使用当时还处于 Alpha 预览阶段的 Jetpack Compose。...在屏幕上渲染单个界面组件很快，但是将整个 Compose 框架加载到应用内存中所用的端到端时间却很长。 Play 商店采用 Compose 后最大的性能改进之一来自 基准配置文件 的开发。...我们建立了一个 修饰符 (Modifier)，以便在我们的调试设置中轻松发现这些重组。通过将这些技术应用于我们的界面组件，**我们能够将卡顿减少 10-15%**。...将 Compose 从 Android 框架中分离出来减少了我们团队直接为 Jetpack Compose 做出贡献的开销，从而缩短了改进工作的周转时间，使所有开发者受益。...展望未来 Play 商店采用 Compose 后，提升了我们团队开发者的幸福感，并 大大提高了代码质量和健康度。

    3.8K40

    谷歌大佬强势分享《Jetpack Compose 权威指南》，带你参透声明式UI的终极奥义！

    如果你想 Kotlin 一把梭，只是学习尝鲜，结合 Jetpack Compose 可以很好的作为你的技术储备。...Android Jetpack 的支持 在 Compose 刚刚发布的时候，Android Jetpack 中的很多其他库都第一时间给予了 Compose 支持，从而丰富了 Compose 的开发生态。...在谷歌官方的 《Jetpack Compose 使用前后对比》 一文说道：Tivi应用在使用了 Compose 后，我们发现 APK 大小缩减了 41%，方法数减少了 17%。...Preview Compose支持代码的Preview，如图： Compose 代码写完后，可以直接在右边预览，但是更新速度差点意思，不如 Flutter 的热重载方便。...Jetpack Compose应用1 开始前的准备 创建DEMO 遇到的问题 2. Jetpack Compose应用2 3.

    5.1K30

    Jetpack Compose Alpha 版现已发布！

    Jetpack Compose 是一种完全基于声明式组件的方法，这意味着您需要将 UI 描述为将数据转换为 UI 层级结构的函数。...我们知道大多数人都有大量的现有代码库，可以将 Compose 与现有的 UI 设计结合起来，而无需重写应用。...可以通过以下两种主要的方式将 Compose 与基于视图的 UI 结合起来: 您可以添加 Compose 元素到现有的 UI，或者创建一个全新的基于 Compose 的屏幕，或者是向现有的 fragment...您可以将基于视图的 UI 元素添加到可组合的函数中。这样做可以将不基于 Compose 的组件添加到基于 Compose 的组件中，例如: MapView 或 WebView。...要创建布局预览，请编写一个不使用任何参数的 Composable 函数，并添加: @Preview annotation 完成应用构建后，预览功能的 UI 会出现在 Android Studio 的

    5K30

    原创|Android Jetpack Compose 最全上手指南

    在今年的Google/IO大会上，亮相了一个全新的 Android 原生 UI 开发框架-Jetpack Compose, 与苹果的SwiftIUI一样，Jetpack Compose是一个声明式的UI...Android Studio 4.0.png 使用Jetpack Compose 来开始你的开发工作有2种方式： 将Jetpack Compose 添加到现有项目 创建一个支持Jetpack Compose...将Jetpack Compose 添加到现有项目 如果你想在现有的项目中使用Jetpack Compose，你需要配置一些必须的设置和依赖： （1）gradle 配置 在app目录下的build.gradle...创建一个支持Jetpack Compose的新应用 比起在现有应用中接入Jetpack Compose ,创建一个支持Jetpack Compose 的新项目则简单了许多，因为Android Studio...Flutter 的发布将声明式 UI 的思想成功带到移动端开发领域，Apple和Google 分别先后发布了自己的声明式UI框架SwiftUI 和 Jetpack Compose , 以后，原生UI布局

    7.5K20

    2022 JetPack Compose开发应用指南新鲜出炉，速速查看

    如果说在19年JetPack Compose刚问世的时候还存在许多问题，大多数开发人员都持观望态度，但现在马上迎来22年，JetPack Compose经过了很多个版本的更新，变化非常大，对于更多的开发者来说...，JetPack Compose就是Android UI的未来。...现阶段或者未来JetPack Compose一定是Android开发人员必不可少的技能之一，恰好这份新鲜出炉的《JetPack Compose开发应用指南》可以帮助到你们进一步学习JetPack Compose...这些组件可帮助你遵循最佳做法、让你摆脱编写样板代码的工作并简化复杂任务，以便你将精力集中放在所需的代码上。...JetPack是什么 JetPack和AndroidX AndroidX的迁移 [image.png] 第二章 Compose的设计原理和基本概念 JetPack Compose 环境搭建 JetPack

    2.6K20

    Jetpack Compose Beta 版现已发布！

    构建该工具包的目的在于与现有 Android 应用和 Jetpack 开发库集成，您可以将 Android 视图与 Compose 相结合，按照您自己的节奏应用 Compose。...自 Alpha 版推出以来，我们添加并改进了多项新功能: 协程支持 Talkback 无障碍功能支持: 对其他技术的支持将在稳定版中发布 易于使用的 动画，以及 Alpha 版推出后发布的全新 API...在推出 1.0 版之前，我们将致力于保证这些 API 的稳定性，并重点关注应用性能和无障碍功能。...Composable Android Emulator 上的 Live Literals (实时文字) 适用于 Jetpack Compose 的布局检查器 兼容现有应用 Jetpack Compose...这样，我们就能更轻松地编写代码，将异步事件 (如触发动画的手势) 与结构化并发提供的取消和清理相结合。

    6.6K10

    Compose 线上分享会内容

    View 原理 二、如何学习 Compose 学习一门框架的几个步骤： 官方学习资料： 了解官方走向：Jetpack Compose 路线图[3] 了解 Compose 的样貌：使用 Jetpack...探索 Compose 内核：深入 SlotTable 系统 揭秘 Jetpack Compose 快照系统 实践 | Jetpack Compose 中的状态管理 深度解析 Jetpack Compose...Modified // 重组 MainActivity: Greeting end Modified // 重组 MainActivity: MainScreen end // 重组 优化后：...上面的代码段就是采用 lambda 延迟到 Greeting 方法来读取 state.value 值，将重组限制在 Greeting 这个可组合项的作用域中。...- 掘金[12] Google I/O : Jetpack Compose 中常见的性能问题 - 掘金[13] Jetpack Compose 笔记(3) - 重组的性能风险[14] 4.1 Compose

    1.5K10

    聚焦 Android 11: UI 与 Compose

    重大更新: Jetpack Compose Alpha Jetpack Compose 的 第一个 alpha 版本 已经发布，这是 Android 的现代化 UI 工具包，可以访问原生平台 API。...Compose 将 Kotlin 的强大功能与响应式编程模型相结合，使界面构建更简单、更快速。我们也希望您的 反馈 能帮助我们了解您构建应用所需的 API，开始试用吧！...采用 MDC 可以使您的代码库为以后尝试 Jetpack Compose 做好准备，他们使用了相同的概念、设计词汇以及组件。...甚至可以通过新的 MDC Compose 主题适配器 等库简化您的迁移，将 MDC XML 主题转换为 Compose MaterialTheme。...学习计划是指允许用户完成预定义模块的有序教程，学完模块后需要参加测验。学习计划可能包括 Codelab、视频、文章和博文。通过测验后，每个用户将获得虚拟徽章。

    2K30

    Jetpack Compose开篇 之 HelloWorld

    前言 此前我更新了Jetpack Architecture系列的文章，如果你还不了解Jetpack，可以移步至 Android JetPack系列文章 ，持续更新中 从即日起，我将开始持续更新Jetpack...Jetpack Compose是什么 Jetpack Compose 是用于构建原生 Android 界面的新工具包。...Flutter VS Jetpack Compose 说到声明式UI，你肯定想到了最近“热火朝天”的 Flutter技术，号称跨各种平台，和Android比优势****，很多人不仅喜欢将Flutter和...Jetpack Compose HelloWorld 新建项目 使用Compose我们需要下载Android studio4.2的最新预览版本，我们可以直接新建一个Compose项目，也可以在已有项目中添加配置...项目配置 新建成功后，我们首先来看一下build.gradle中几个比较特殊的配置，这也是我们在已经项目中添加Compose所需要配置的 defaultConfig { minSdkVersion

    2.2K20

    安卓软件开发：怎么快速上手JetPackComposeUI框架

    相比传统的 View 系统，Jetpack Compose 更加简洁、灵活，高度集成了 Kotlin 语言的声明式编程风格。...二、Jetpack Compose的基础准备 在开始使用 Jetpack Compose 之前，首先需要确保开发环境的配置正确。...ui-test-junit4:" } 配置完成后，可以开始创建一个包含 Compose 组件的App。...三、声明式编程模型 Jetpack Compose 的一个显著特点是它采用了声明式编程模型。与传统的 View 系统不同，Compose 通过函数式的方式来定义 UI 组件。...结合实时预览功能与内置的 Material Design 支持，Compose 无疑是安卓开发的未来方向。掌握这些基础知识和不断实践，所以可以快速上手 Jetpack Compose。

    2.2K00

    Jetpack Compose for Desktop: 里程碑1发布

    在深入详解 Jetpack Compose | 优化 UI 构建 中谷歌介绍了为什么要设计 Jetpack Compose 来完成原生 Android 的开发，如今 Jetpack Compose for...2020年11月5日 Jetpack Compose for Desktop 终于发布了第一个里程碑版本，作为新一代的 Kotlin UI 框架，Jetpack Compose 可快速地构建高性能和美观的用户界面...该项目是基于 Google 的 Jetpack Compose ，Jetpack Compose 一个用于在 Android 的 UI开发工具包，Compose for Desktop 可以让在 Android...上使用 Jetpack Compose 的能力直接转移到 Compose for Desktop ，反之亦然。...Compose for Desktop 的入门很简单，设置项目依赖关系后，开发者就可以简单的使用几行代码来表达一个简单的有状态用户界面，并且有现成的 Material Design 元素库可以帮助快速创建

    5.2K30

    谷歌社区说｜聊聊Compose跨平台与KMM

    但是也有许多开发者可能还没有了解过Compose Multiplatform和KMM，那么本次分享将通过以下几点来介绍Compose Multiplatform 与KMM，让我们一起体验Kotlin跨平台的魅力...安装好插件后，打开Android Studio我们可以直接创建支持KMM的项目。 创建的时候会让我们填写模块的信息 创建好项目后，生成的项目目录结构是这个样子的。...这个代码大家肯定都能看懂，和Jetpack Compose是完全一致的。...与原生UI的互操作性 在使用Jetpack Compose开发Android的时候，有些场景下我们可能需要让Jetpack Compose与XML 嵌套使用，那么在跨平台中肯定也会存在这种场景，在iOS...没有使用过Jetpack Compose 对于没有使用过Jetpack Compose的这部分人来说，其实我是可以完全理解的，一些组件的支持，比如地图、WebView等可能还需要一定的时间，毕竟现在使用

    3K10

    Android实战经验分享之用Kotlin中的Jetpack Compose构建声明式UI

    Kotlin中的Jetpack Compose是用于构建Android用户界面的声明式UI工具包。它通过Kotlin语言来编写界面，旨在简化和加速UI开发过程。...Jetpack Compose由谷歌推出，作为传统的视图系统（如XML布局和Android View组件）的替代或补充。...下面我们来看看关于Jetpack Compose的核心概念、主题和样式、导航和预览功能： 核心概念 1、 声明式UI: Jetpack Compose采用了声明式编程范式，允许开发者描述UI的外观和状态...} 3、 State管理: Jetpack Compose的核心思想之一是界面应该响应状态的变化。...如果你是Android开发者或者希望学习现代UI开发，掌握Jetpack Compose将会大大提升你的开发体验和效率。

    1.6K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券