文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Jetpack Compose | 声明式 UI 编程的革命

---- 三、初始 Jetpack Compose 项目源码简看 1. MainActivity.kt 在 Android 中，首先自然要看入口的 Acrivity。...---- 四、 Jetpack Compose 的革命 估计到这来，就开始有好事者来比较 Flutter 和 Compose 哪个好，问该学哪个。Flutter 会不会被 Compose 替代？...首先 Compose 和 Flutter 是同一革命阵营的战友，要清楚他们革的是谁的命，革的是命令式的 UI 编程，革的是 xml 布局大人 的命。...有了 Flutter 的基础，对 Compose 的上手会更快一些，理解上也会更深刻，如果直接从命令式 UI 编程直接到 Compose ，你将经历一种思想的转变，这无论是去学 Flutter...Compose 有 Kotlin 加持，还是 声明式 UI , 我还是很感兴趣的，当然在我心里 Flutter 是永远滴神 。

1.6K20

声明式 UI？Android 官方怒推的 Jetpack Compose 到底是什么

这就是 Android 官方全新推出的 UI 框架——Jetpack Compose。 大家好，我是扔物线朱凯。...2019 年中，Google 在 I/O 大会上公布了 Android 最新的 UI 框架：Jetpack Compose。Compose 可以说是 Android 官方有史以来动作最大的一个库了。...这两年的时间 Android 团队在干嘛？在开发这个库，在开发 Compose。一个 UI 框架而已，为什么要花两年来打造呢？...直白点说就是，它的渲染机制、布局机制、触摸算法以及 UI 的具体写法，全都是新的。...刚才我说过一次，Compose 的渲染机制、布局机制、触摸机制全都是新写的，所以这个 Text() 的底层不是 TextView，也不是任何一个原生控件，而是直接调用了更下层的绘制 API，也就是 Canvas

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

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...实际上 Compose for Desktop 的核心是与 Jetpack Compose 合作开发的，以确这两种技术可以一起发展，这也使得在桌面和 Android 之间 UI 实现共享成为可能。...进行底层渲染，从而使开发者可以完全控制应用程序的渲染方式。

4.6K30

掌握 Jetpack Compose 中的 State，看这篇就够了

Jetpack Compose 是响应式 UI 框架。当我们更新 UI 状态时，Compose 会自动刷新 UI，将状态的变化同步到界面上。...，不要错过 :-)Jetpack Compose 中的状态State是什么在 Jetpack 中，state表示一个和 UI 状态相关的值。...UI 界面级别的可组合项(也就是负责渲染整个 UI 界面的可组合项)适合设计成持有整个界面状态数据的可组合项。...要做到这点，需要引入相关的拓展方法。这些拓展方法会帮我们把响应式的实例转换成 Jetpack Compose 中的状态实例。如何在 Jetpack Compose 中使用 Kotlin 的 Flow？...：InputText 的延迟和对应的规避方式如何在 ViewModel 中表示状态如何将 Android 中其他表示类型的状态转成 Jetpack Compose 中的状态希望能对你有帮助。

7.3K111

Jetpack Compose 1.0 正式发布！打造原生 UI 的 Android 现代工具包

例如，Square 告诉我们，通过使用 Compose，他们可以 "专注于 Square 所特有的东西以及 UI 基础设施，而不用解决建立声明性 UI 框架这样宽泛的问题"。...通过完全的声明式方法，您只需描述您的用户界面，剩下的就交给 Compose 来处理。随着应用状态的变化，您的 UI 会自动更新，这使得快速构建 UI 变得更加简单。...您可以只在屏幕上添加一个按钮，也把自己创建的自定义视图保留在现在用 Compose 打造的界面中。 Jetpack 集成 : Compose 和大家熟知且喜爱的 Jetpack 开发库 天然整合。...Compose 发布路线图 采用任何新的框架都需要经过评估，尤其是像新的 UI 工具包这样意义深远的东西。...我们坚信，Jetpack Compose 是一次巨大的飞跃，让我们得以更快、更轻松地打造卓越的 UI；我们非常期待看到大家使用 Compose 打造的成果。

1.8K20

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

Android Jetpack 的支持 在 Compose 刚刚发布的时候，Android Jetpack 中的很多其他库都第一时间给予了 Compose 支持，从而丰富了 Compose 的开发生态。...更少的代码 Compose 可以使我们更加专注于 UI 的开发，声明式UI 可以显著的减少方法数和包体积。...二 如何快速学习Compose 接下来，我将给大家介绍一份谷歌大佬强势分享《Jetpack Compose 权威指南》，手把手教大家Jetpack Compose从入门到精通。...Jetpack Compose的着重点 加速开发 强大的UI工具 直观的Kotlin API 3. API 设计 4....深入详解 Jetpack Compose | 优化 UI 构建 Compose 所解决的问题 Composable 函数剖析 声明式 UI 组合 vs 继承 封装 重组 …… 3.

4.1K30

Jetpack-Compose 学习笔记（一）—— Compose 初探

当然，Compose 也是属于 Jetpack 工具库中的一部分，官方宣称可以简化并加快 Android 上的界面开发，可以用更少的代码去快速打造生动而精彩的应用。...上手成本如何？ 个人感觉，还行，有一定的学习成本。前提条件，对 Kotlin 语言熟悉，因为 Compose 都是用 Kotlin 语言开发实现的，对其他的 Jetpack 库熟悉就更好了。...此外，Compose 布局模型不允许多次测量，最多进行两次测量就可算出各组件的尺寸。 3....，而是在滚动浏览它时，它会渲染新的列表 View，并没有回收机制，但是相比于实例化 Android View，渲染 Composable UI 组件效率更高。...打造原生 UI 的 Android 现代工具包 Jetpack Compose 基础知识 Compose 编程思想 尾巴：这是 Compose 系列笔记的首篇，相信细心的同学也发现了，这篇笔记是根据官方教程网站上的学习路线进行记录学习的

2K10

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

为了让 Jetpack Compose 的使用体验更上一层楼，以及了解大家对 Compose 开发、学习方面的内容需求，这里诚邀您参与 Jetpack Compose 使用情况调研, 点击这里 即刻参与调研...优先考虑 当我们对新的界面渲染层使用 Jetpack Compose 时，需要优先考虑以下两点: 开发者的工作效率 : Play 商店团队有数百个工程师改进代码，因此开发起来应该很容易 (也很有趣)。...在屏幕上渲染单个界面组件很快，但是将整个 Compose 框架加载到应用内存中所用的端到端时间却很长。 Play 商店采用 Compose 后最大的性能改进之一来自 基准配置文件 的开发。...通过推出基准配置文件，Play 商店发现其搜索结果页的 **初始页面渲染时间减少了 40%**。这是巨大的进步！...将 Compose 从 Android 框架中分离出来减少了我们团队直接为 Jetpack Compose 做出贡献的开销，从而缩短了改进工作的周转时间，使所有开发者受益。

3.2K40

【Android 性能优化】布局渲染优化 ( CPU 渲染优化 | 减少布局的嵌套 | 测量布局绘制时间 | OnFrameMetricsAvailableListener | 布局渲染优化总结 )

UI 组件测量 , 摆放 , 生成 UI 组件的时间 , 这样就可以减少 CPU 渲染时间 , 使整个渲染过程时间降低 , 尽可能的压缩在 16ms 以内 , 保证 Vsync 信号到来时 , 渲染已经完毕...; 二、 布局渲染时间测量 ---- 如果使用 可以直接在该工具中查看布局渲染时间 , 但是该工具停止维护 , 使用老版本的 Android Studio 可以使用该工具 ; Google 官方推荐使用...OnFrameMetricsAvailableListener 测量布局渲染时间 ; 1....所用的总时间, 上述所花费的有意义的时间之和 , 单位纳秒 UNKNOWN_DELAY_DURATION UI 线程响应并开始处理渲染的等待时间, 一般是 0, 如果大于 0 说明出问题了 VSYNC_TIMESTAMP...CPU 渲染到传递到 GPU 所用的总时间, 上述所花费的有意义的时间之和 // 单位纳秒

1.8K10

一起看 IO | Jetpack 组件的新特性

Navigation 组件现已通过 navigation-compose 组件集成到了 Jetpack Compose 中，从而允许可组合函数作为您应用中的目的地。...Play Store 应用在接入 Baseline Profiles 后，搜索结果页初始页面的渲染时间减少了 40%。...它现在还支持通过使用 TraceSectionMetric 进行基于自定义跟踪的时序测量，从而允许开发者针对特定的代码部分进行基准测试。...报告结果 : 在每一帧中，JankStats 客户端都会通过监听器收到包含该帧相关信息的通知，包括帧完成所用的时间、是否被视为卡顿，以及该帧显示期间的界面上下文是什么。...Jetpack Compose Jetpack Compose 是 Android 用于构建原生界面的现代工具，如今已更新至 1.2 beta 版。

3.1K20

精彩回顾 | 2021 Android 开发者峰会

同时，我们在 MAD 中也推出了许多新功能，帮您达成这一目的，比如以下这项发布: 在 Jetpack Compose (Android 用于构建原生 UI 的现代工具包) 中引入 Material You...Jetpack Compose 性能稳定且已可用于生产环境，我们将继续添加大家所需的功能，助力您轻松快速地为所有设备类型构建 Android UI，并针对 Wear OS 和构建主屏幕微件 (widget...Jetpack: 更多功能助您打造优秀应用 除 Compose 之外，Jetpack 会继续添加大家一直提及的功能。Navigation 添加了对多个返回堆栈的支持。...DataStore 是我们推荐的 SharedPreferences 替代品，目前已发布 1.0 版本，而 Macrobenchmark 是用于测量并改进启动和帧性能的工具，增加了简单但更为准确的帧计时...利用 Jetpack Compose 可以更快速、更容易地构建 UI，因此我们在 Wear OS 中引入对 Compose 的支持。

1.3K30

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

在今年的Google/IO大会上，亮相了一个全新的 Android 原生 UI 开发框架-Jetpack Compose, 与苹果的SwiftIUI一样，Jetpack Compose是一个声明式的UI...声明式UI的意思就是，描述你想要一个什么样的UI界面，状态变化时，界面按照先前描述的重新“渲染”即可得到状态绝对正确的界面，而不用像命令一样，告诉程序一步一步该干什么，维护各种状态。...二、Jetpack Compose 介绍 Jetpack Compose 是一个用于构建原生Android UI 的现代化工具包，它基于声明式的编程模型，因此你可以简单地描述UI的外观，而Compose...Compose 中，如何来实现垂直布局呢？...在原来的安卓原生布局中，显示图片有相应的控件ImageView,设置本地图片地址或者Bitmap就能展示，在Jetpack Compose 中该如何显示图片呢？

6.2K20

开源 | 如何写一个好用的 JetPack Compose 状态页组件

关于开发中常见的状态页组件，我们已经见了很多，但是在 JetPack Compose 中该如何去写呢？虽然也有大佬写了相关demo ,但是如果要应用到实际中，不免有些捉襟见肘 。...本篇要解决的就是如何定制一个符合 实际开发 的状态页工具，并分析具体原理与设计思路。...看完基本条件，其实也都不难，在 View 中设计一个状态页组件，大家都知道怎么做，但是 Compose 呢？ 那么我们下面就开始构思一下，如何设计这个状态页组件 StateX。...而在 compose 中，重组会执行所有调用的地方，并判断是否需要执行，我们必须要考虑如何避免重复的重组。...一切就是这么简单，在 compose 中如何使用状态页，已经分享大家了，至于大家要怎么改，可以参考 StateX 。

1K10

开源 | 如何写一个好用的 JetPack Compose 状态页组件

关于开发中常见的状态页组件，我们已经见了很多，但是在 JetPack Compose 中该如何去写呢？虽然也有大佬写了相关demo ,但是如果要应用到实际中，不免有些捉襟见肘 。...本篇要解决的就是如何定制一个符合 实际开发 的状态页工具，并分析具体原理与设计思路。...那么我们下面就开始构思一下，如何设计这个状态页组件 StateX。 基本思路 其实只要写过 compose 的代码，应该都明白，其实更简单了。...而在 compose 中，重组会执行所有调用的地方，并判断是否需要执行，我们必须要考虑如何避免重复的重组。...一切就是这么简单，在 compose 中如何使用状态页，已经分享大家了，至于大家要怎么改，可以参考 StateX 。

78420

Android Compose开发

Developers 原创：写给初学者的Jetpack Compose教程，基础控件和布局 原创：写给初学者的Jetpack Compose教程，Modifier 原创：写给初学者的Jetpack Compose...可组合函数是一种特殊的函数，不需要返回任何 UI 元素，因为可组合函数描述的是所需的屏幕状态，而不是构造界面 widget；而如果按我们以前的 XML 编程方式，必须在方法中返回 UI 元素才能使用它（...这里可以类比下 kotlin 中 suspend 挂起函数的用法，其用法是相似的。 布局 Compose 通过只测量一次子项来实现高性能。...单遍测量对性能有利，使 Compose 能够高效地处理较深的界面树。 父节点会在其子节点之前进行测量，但会在其子节点的尺寸和放置位置确定之后再对自身进行调整。...它会自动在适当的时间启动和取消协程，确保在 Compose 组件的生命周期内正确处理副作用。当组件被创建时，LaunchedEffect 会启动协程，当组件被销毁时，它会自动取消协程。

25510

Jetpack-Compose 学习笔记（三）—— Compose 的自定义“View”

好在这段时间确定了去新疆旅游的计划，国庆终于可以好好放松一下啦~ 各位工友，你们的国庆假规划好了么？...Compose 自定义 Layout 的基本原则 在 Compose 中，一个 Composable 方法被执行时，会被添加到 UI 树中，然后会被渲染展示在屏幕上。...OK，最重要的来了！Compose UI 不允许多次测量。 Layout 元素为了尝试不同的测量设置，它不能多次测量其任何子元素。...单次测量(Single-pass measurement)当然会提升渲染效率，尤其是在 Compose 处理深度较大的 UI 树时。...其实 View 体系就是这样的，所以在 View 体系中开发一定要减少布局的层数！不然在需要重复测量的情况下，渲染效率将会及其低下。

1.2K21
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

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

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

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

    领券