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

Android Compose开发

好处 Compose 编译后不是转化为原生的 Android 上的 View 去显示，而是依赖于平台的Canvas ，在这点上和 Flutter 有点相似，简单地说可以理解为 Compose 是全新的一套...Compose | Android Developers verticalScroll 我们可以使用 verticalScroll() 修饰符使 Column 可滚动 @Composable fun...您可以使用修饰符来执行以下操作： 更改可组合项的大小、布局、行为和外观 添加信息，如无障碍标签 处理用户输入 添加高级互动，如使元素可点击、可滚动、可拖动或可缩放 修饰符是标准的 Kotlin 对象。...滚动 在 View 中的话，通常可以在需要滚动的内容之外再嵌套一层 ScrollView 布局，这样 ScrollView 中的内容就可以滚动了。...综上所述，这段代码的作用是创建一个可流式访问的分页数据流，并将其缓存在 viewModelScope 中，以便在组件生命周期内保留数据状态。

18710

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

Compose 在社区中的反响 我们看到 许多公司已经在大规模采纳 Compose 为其应用开发最新、最具创造性的功能。...: 文本改进 字体边距 我们在问题跟踪器中定位到了 得票最高的问题之一，并通过将 includeFontPadding 设置为自定义参数来解决它。...两个参数结合使用的效果如下: △ 以多行的 Text 可组合项为例:左图为设置 includeFontPadding 为 true (当前默认值) 的效果，右图为设置 includeFontPadding...与 CoordinatorLayout 互操作 从现在起，当您在 View 系统的 CoordinatorLayout 中嵌套了一个支持滚动的可组合项时，您可以确保它们的滚动行为是可互操作的。...专注于性能 为帮助您了解和提升应用的性能，我们花费了大量精力为您提供新的性能工具和指南。这些内容可以帮助您更轻松地理解应用可能出现卡顿的原因和位置。

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

【译】JetPack Compose for Desktop 初体验

在 Compose for desktop 的早期版本中，他们为 IntelliJ 增加了一个桌面项目引导，可以让我们在几秒内配置好项目。...我们需要从项目模板列表中挑选桌面模板，向下滚动就能找到。然后你需要选择项目的 JDK，这里我建议使用 JDK 11。 ? 然后点击“Next”按钮，这将会跳转至确认 Compose 模块的界面。...在这种情况下，我们只需要把值传给内容参数，其余的参数保留默认值即可。在接下来的代码中，我们声明了一个具有 remember 功能的 text 变量，其初始值为 Hello, World!。...Jetpack Compose Components (Part 2)[4] 下一段代码是定义一个具有点击功能的按钮，并将整个应用窗口设置为 Material 主题。...如下所示： 总结 目前，Jetpack Compose 在桌面和安卓上都处于非常早期的阶段，但它仍然展现出为构建 UI 所作出的巨大进步。

4.9K30

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

为了让 Jetpack Compose 的使用体验更上一层楼，以及了解大家对 Compose 开发、学习方面的内容需求，这里诚邀您参与 Jetpack Compose 使用情况调研, 点击这里 即刻参与调研...在分析了各种选择后，我们做出了 (在当时) 一个大胆的决定——使用当时还处于 Alpha 预览阶段的 Jetpack Compose。...在屏幕上渲染单个界面组件很快，但是将整个 Compose 框架加载到应用内存中所用的端到端时间却很长。 Play 商店采用 Compose 后最大的性能改进之一来自 基准配置文件 的开发。...重复使用界面组件 是使 Compose 在渲染方面表现出色的 核心机制，尤其是在滚动情况下。...Compose 会尽可能跳过已知可以跳过的可组合项的重组 (例如，它们是不可变的)，但是如果所有参数满足 @Stable 注释要求，开发者也可以强制将可组合项设置为可跳过。

3.1K40

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

JetPack Compose Jetpack Compose 是Google在2019年发布的一个Android原生现代UI工具包，它完全采用Kotlin编写，可以使用Kotlin语言的全部特性，可以帮助你轻松...如果说在19年JetPack Compose刚问世的时候还存在许多问题，大多数开发人员都持观望态度，但现在马上迎来22年，JetPack Compose经过了很多个版本的更新，变化非常大，对于更多的开发者来说...JetPack Compose开发应用指南 下面给大家介绍一下《JetPack Compose开发应用指南》，指南包括七个章节，内容涵盖了：Compose的设计原理和基本概念、Compose入门案例与实战...内容展示： 第一章 初识JetPack Jetpack 是一套库、工具和指南，可帮助开发者更轻松地编写优质应用。...Animatable Compose自定义动画 [image.png] 第六章 Compose图形 Compose Canvas Compose 绘制API的分析 Compose自定义绘制 [image.png

2.3K20

深度解析 Jetpack Compose 布局

Jetpack Compose 是用于构建原生 Android 界面的新工具包。...我们将分析下图修饰符的效果及其工作原理: △ 修饰符链的效果示例 首先，我们为 Box 设置尺寸并将其绘制出来，但这个 Box 放置在了父布局的左上角，我们可以使用 wrapContentSize 修饰符将...在确定固有尺寸后，将使用这些值设置 Column 的尺寸，然后，子节点就可以填充 Column 的宽度了。 如果使用最小值而非最大值，又会发生什么呢？...Body 会使用滚动状态进行设置以使内容能够垂直滚动。在 Title 等其他组件中可以观察滚动位置，而我们的观察方式会对性能产生影响。...如需了解更多，请查阅以下列出的资源: Jetpack Compose 使用入门文档 Jetpack Compose 学习路线图 Jetpack Compose 相关示例

2K30

使用 Kotlin 构建 Android 应用 | Kotlin 迁移指南 (上篇)

优势 3: 空安全检测 默认情况下，Kotlin 可避免空指针异常发生。而且可以在开发时而不是运行时发现和避免错误。...Android KTX 自从两年前 Android 平台开始支持 Kotlin 后，我们一直在努力解决 Kotlin 的兼容性问题并丰富其功能，更进一步为大家带来了许多工具来进一步提高开发效率，比如 Android...Kotlin，比如下面要跟大家介绍的在 Jetpack 库中的 Kotlin 特性的使用: Jetpack 与协程 在 Jetpack 的下述组件库里使用了协程的特性: Room: suspend 函数...在上周举办的 Android Dev Summit 2019 大会上，我们发布了 Jetpack Compose 的开发者预览版。...Jetpack Compose 可以帮助开发者简化并加速 Android 上的 UI 开发——使用更少的代码、强大的工具和非常直观的 Kotlin API，使您的应用栩栩如生。 ?

1.2K20

Jetpack Compose 1.1 现已进入稳定版！

如果您发现此更改破坏了现有的布局逻辑，请将 LocalMinimumTouchTargetEnforcement 设置为 false 来禁用此行为，但此操作可能会降低应用的可用性，因此需要您格外注意，并谨慎使用...您可以查看 最新路线图，了解我们目前正在评估和开发的功能，比如延迟加载项目动画、可下载的字体、可移动的内容等等！...Jetpack Compose 现已推出稳定版本，供大家在生产环境中使用，并且会继续添加您想要的功能。...我们很高兴看到成千上万的应用已经开始在生产环境中使用 Jetpack Compose，我们迫不及待想看到您将构建的应用！...我们很感激开发者们在 Alpha 版和 Beta 版期间，通过 问题跟踪页 提交的错误报告和功能请求，帮助我们改进了 Compose 并构建您需要的 API。

1.1K20

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

在Android的xml布局中，如果要显示一个垂直结构的布局，最常用的就是LinearLayout, 设置android:orientation 值为vertical, 子元素就会垂直排列，那么，在Jetpack...在原来的安卓原生布局中，显示图片有相应的控件ImageView,设置本地图片地址或者Bitmap就能展示，在Jetpack Compose 中该如何显示图片呢？...要设置图形样式，请将其放入Container(又一个和flutter中一样的控件) Container: 一个通用的内容对象，用于保存和安排其他UI元素。然后，你可以将大小和位置的设置应用于容器。...如本例所示，我们设置显示最大行数为2，多于的部分截断处理： Text("我超❤️JetPack Compose的！写起来简单，复用性又强，可以抽取很多组件来复用，不用管理复杂的状态变更！"...效果如下： 七、总结 Jetpack Compse 目前还是试验版,所以还存在很多问题，还不能现在将其用于商业项目中，但是这并不能妨碍我们学习和体验它，声明式 UI 框架近年来飞速发展，React 为声明式

6.1K20

写给初学者的Jetpack Compose教程，基础控件和布局

其中，ComposeTestTheme函数是Android Studio自动为我们创建的，主要用于对项目的主题进行设置和定制，我们可能会在后面的文章讨论这个话题。...placeholder中的内容，一旦用户输入了任何内容，placeholder就会消失。...道理是没错，但是很遗憾我无法在这里给大家演示，因为目前水平方向上排列的内容已经超出Row可显示的尺寸。在布局已经放不下子控件内容的情况下，再指定其分布方式就是没有意义的事情了，也不会有效果。...不过正好由于Row中的内容显示不下，我想借这个机会来讲一下如何允许用户通过滚动的方式来查看超出屏幕的内容。...而像我们当前遇到的这种情况，在View中的话，通常可以在需要滚动的内容之外再嵌套一层ScrollView布局，这样ScrollView中的内容就可以滚动了。

1.4K20

Jetpack Compose 现已支持 Material You | 2021 Android 开发者峰会

作者 / 开发者关系工程师 Nick Butcher 上个月，Android 开发者峰会 为 Jetpack Compose 带来了许多 激动人心的更新，包括 Google 的新设计语言 Material...若您错过了某些内容，可以通过本文简要了解精彩内容，也可以 点击这里 查看精彩内容视频。...1.1 新增了一些功能，比如经过优化的焦点处理、触摸目标值、"ImageVector" 缓存和对 Android 12 拉伸滚动的支持。...我们还扩展了 Compose 文档，增加了针对 Jetpack Compose 不同阶段 的新指南、构建自适应布局，还扩展了 主题设置指南，包括对 Material 3 的指南。...Android Studio Bumblebee 的工具更新 在 Android 开发者峰会上，Android Studio Bumblebee 已宣布进入 Beta 版，可为 Jetpack Compose

2.6K30

从0上手Jetpack Compose，看这一篇就够了～

Jetpack Compose是什么 Jetpack Compose 是用于构建原生 Android 界面的新工具包。...将Compose函数抽取为可复用的组合项，将会是我们经常使用的。 接着我们思考一个问题：如果生成20条数据呢？...在Compose中最简单的一种处理方式就是为Column添加可滚动的属性，代码如下所示： Column(modifier = Modifier.verticalScroll(rememberScrollState...快来一起学习一下吧～ 延迟列表组件 Compose为我们提供了LazyColumn和LazyRow组件，相当于XML中的RecycleView组件，从名字中我们也可以知道一个是垂直滚动一个是水平滚动。...我们也可以为查看详情添加动画效果，这一点你可以在学习了动画相关的内容后，自行尝试。

42321

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

优化启动时间 应用的启动时间对用户体验影响巨大，特别是在应用安装完成后立即使用时尤为明显。为了提升首次启动时的体验，我们创建了 Baseline Profiles。...Jetpack Compose Jetpack Compose 是 Android 用于构建原生界面的现代工具，如今已更新至 1.2 beta 版。...新版本添加了一些用于支持先进用例的功能，包括支持可下载字体、惰性布局及嵌套滚动互操作性。更多信息请参阅文章: 一起看 I/O | Jetpack Compose 中的新特性。...Jetpack 的 SlidingPaneLayout 组件已更新为使用 WindowManager 的智能布局 API，以避免内容被放置于被遮挡区域 (例如跨越物理铰链区域)。...在 Github 上为 Jetpack 代码仓库做贡献 我们目前在 GitHub 上已有超过 100 个项目！

3.1K20

一起看 IO | Compose for Wear OS Beta 版发布！

Compose for Wear OS 增加了为手表优化的组件，这些组件均基于 Wear OS 的最新 Material 设计规范，且建立在核心 Compose 库之上。...在 Beta 版发布后，Compose for Wear OS 就拥有了 1.0 版本 (将于今年晚些时候发布) 所需的完整功能，且能供您构建生产就绪的应用。...Beta 版本介绍 自去年的 I/O 大会以来，我们一直在努力将 Jetpack Compose 的优势带到 Wear OS，还通过 Slack 与社区互动，收集开发者对 API、组件和工具的反馈。...进度指示器允许在圆形轨道中留出空隙，为其他内容留出空间，例如在全屏时使用 TimeText。...和 PositionIndicator 的导航感知 Scaffold，可与滚动和导航屏幕的变化保持同步。

1.4K20

Jetpack Compose Beta 版现已发布！

Compose 提供了新一代声明式的 Kotlin API，可帮助您以更少的代码构建精美、响应迅速的应用。...您可以在 Android 视图中嵌入 Compose UI，并在 Compose 中使用视图。我们在 互操作性文档 中提供了多种应用策略。...Compose 完全使用 Kotlin 构建，可利用其优秀的 语言特性 提供功能强大、简洁且直观的 API。例如，借助 协程，我们可以编写更简单的异步 API，如描述手势、动画或滚动。...开始学习 Compose 为了帮助您和团队学习关于 Jetpack Compose 的所有内容，我们更新了 学习计划，同时提供了一系列精心规划的视频、Codelab 和重要文档，帮助您入门。...我们期待收到您对在应用中采用 Compose 的 反馈，您也可以在 Kotlin Slack 的 #compose 频道中参与讨论或在下方留言区和我们分享。

5.6K10

Row本身是不支持滚动，如何实现滚动

(rememberScrollState())) { } Modifier.horizontalScroll() 水平滚动 Modifier.verticalScroll() 垂直滚动 注意:compose...似乎不支持一个水平滚动嵌套垂直滚动(或垂直滚动中嵌套水平滚动),所以相应布局需要合理设计 此外,提及下,如果想使用像ListView或RecyclerView那样的列表组件,在Compose中可以使用LazyRow...verticalArrangement 垂直方向排列 horizontalAlignmentment 水平方向对齐 Spacer Spacer,直接翻译的话,应该是空格,其主要就是充当margin的作用,一般使用modifier修饰符来设置宽高占位来达到...= null, elevation: Dp = 1.dp, content: @Composable () -> Unit ) shape 形状,使用详见Jetpack Compose学习...border 边框,使用详见Jetpack Compose学习(3)——图标(Icon) 按钮(Button) 输入框(TextField) 的使用 | Stars-One的杂货小窝 elevation

1.7K30

一起看 IO || Android 开发者不能错过的 13 件事

Compose 继续带来您所需要的 API，以支持更多的高级用例，如可下载字体、LazyGrids、窗口边衬区、嵌套滚动互操作，以及更多的工具支持，如实时编辑 (LiveEdit)、重绘调试 (Recomposition...我们已经在 Jetpack 中使用了基准配置文件: 通过为 Fragments 和 Compose 等流行的开发库添加基准文件来提供更好的终端用户体验。...在 去年 I/O 大会上我们推出了 Android 12L，这是一个专注为大屏幕设备进行优化的功能更新，而 Android 13 则包括了所有这些改进并加入了更多内容。...50 套自定义商店展示内容，LiveOps Beta 版允许更多开发者提交用以在 Play Store 上进行推荐展示的候选内容，以及在销售订阅内容方面为您提供更多灵活性。...您还可以为应用增加新的功能，比如为单个应用进行语言设置、主题应用图标，以及支持新的现代化标准，如 HDR 视频和蓝牙低功耗音频 (LE Audio)。

2.2K20

Jetpack Compose开篇 之 HelloWorld

Jetpack Compose相比，更喜欢和Android相比，并得出了一些结论，那些结论我不去评判对错，我也没有资格去评判，但是如果你问我，一个Android开发者 Flutter、Jetpack Compose...项目配置 新建成功后，我们首先来看一下build.gradle中几个比较特殊的配置，这也是我们在已经项目中添加Compose所需要配置的 defaultConfig { minSdkVersion...21 } buildFeatures { // 开启compose compose true } //设置编译版本为1.8...ui-test:1.0.0-alpha05' } 这里我们使用的compose版本为05版本，compose支持的最低版本是Api 21，所以我们设置最低版本为21....compose注解函数，@Preview注解是方便开发者在不运行的前提下可预览效果，也就是说DefaultPreview这个函数是开发者自己用的，onCreate中setContent包含的是页面的内容

1.8K20
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

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

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

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

    领券